Question

自从这个答案最初发布以来，浏览器的API已经改变。 .stop() 在传递给回调的数据流中，"停止 "不再可用。开发者将不得不访问组成流的轨道（音频或视频），并单独停止它们。

更多信息在这里：https://developers.google.com/web/updates/2015/07/mediastream-deprecations?hl=en#stop-ended-and-active

例子（来自上面的链接）。

stream.getTracks().forEach(function(track) {
  track.stop();
展开代码片段
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;浏览器支持可能不同。&lt;/p&gt;
&lt;p&gt;&lt;code&gt;navigator.getUserMedia&lt;/code&gt; 在成功回调中为你提供了一个流，你可以在该流上调用 ，以停止录音（至少在Chrome中是这样，似乎FF不喜欢这样）。&lt;code&gt;.stop()&lt;/code&gt; &lt;/p&gt;
    &lt;/div&gt;&lt;/div&gt;&lt;div class="subComments___2FmoI"&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/2168322/muthu" title="Muthu" target="_blank" rel="noopener nofollow"&gt;Muthu&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;我认为&lt;code&gt;stream.stop()&lt;/code&gt; 对chrome不起作用，&lt;code&gt;mediaRecorder.stop()&lt;/code&gt; 停止录音，而它没有停止浏览器提供的流。你能看一下这个&lt;a href="http://stackoverflow.com/questions/34715357/how-to-stop-the-capturing-mediastream-that-is-started-by-chrome-tabcapture-api-i" title="how to stop the capturing mediastream that is started by chrome tabcapture api i"&gt;stackoverflow.com/questions/34715357/..&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/1876718/johan-hoeksma" title="Johan Hoeksma" target="_blank" rel="noopener nofollow"&gt;Johan Hoeksma&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;@Muntu，我想这取决于，对我来说stream.stop()是有效的（在chrome中）。因为我有一个webRTC流。那么，如果你在浏览器中录音，mediaRecorder.stop()会起作用吗？&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/6904971/emanuela-colta" title="Emanuela Colta" target="_blank" rel="noopener nofollow"&gt;Emanuela Colta&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;是的，但这引起了另一个问题。这个停止录音的功能应该在允许几秒钟/几分钟的录音后发生。你如何控制这个：在默认的记录时间后停止？谢谢您!&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/4000365/cybersupernova" title="Cybersupernova" target="_blank" rel="noopener nofollow"&gt;Cybersupernova&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;这就停止了视频流，但chrome上的视频指示器仍然保持活跃，直到重新加载。有什么办法能把这个也去掉吗？&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/1640606/samayo" title="samayo" target="_blank" rel="noopener nofollow"&gt;samayo&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;@Cybersupernova 你找到解决这个问题的办法了吗？我想页面刷新可能会起作用&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/552182/muaz-khan" title="Muaz Khan" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/1dbdf398f0f52396443f25049fc488ab?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="Muaz Khan" alt="Muaz Khan" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Muaz Khan&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;使用这些功能中的任何一个。&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-php"&gt;&lt;span class="hljs-comment"&gt;// stop both mic and camera&lt;/span&gt;
&lt;span class="hljs-function"&gt;&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; &lt;span class="hljs-title"&gt;stopBothVideoAndAudio&lt;/span&gt;(&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) &lt;/span&gt;{
    stream.getTracks().&lt;span class="hljs-keyword"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-function"&gt;&lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;track&lt;/span&gt;) &lt;/span&gt;{
        &lt;span class="hljs-keyword"&gt;if&lt;/span&gt; (track.readyState == &lt;span class="hljs-string"&gt;'live'&lt;/span&gt;) {
            track.stop();
&lt;span class="hljs-comment"&gt;// stop only camera&lt;/span&gt;
&lt;span class="hljs-function"&gt;&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; &lt;span class="hljs-title"&gt;stopVideoOnly&lt;/span&gt;(&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) &lt;/span&gt;{
    stream.getTracks().&lt;span class="hljs-keyword"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-function"&gt;&lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;track&lt;/span&gt;) &lt;/span&gt;{
        &lt;span class="hljs-keyword"&gt;if&lt;/span&gt; (track.readyState == &lt;span class="hljs-string"&gt;'live'&lt;/span&gt; &amp;amp;&amp;amp; track.kind === &lt;span class="hljs-string"&gt;'video'&lt;/span&gt;) {
            track.stop();
&lt;span class="hljs-comment"&gt;// stop only mic&lt;/span&gt;
&lt;span class="hljs-function"&gt;&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; &lt;span class="hljs-title"&gt;stopAudioOnly&lt;/span&gt;(&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) &lt;/span&gt;{
    stream.getTracks().&lt;span class="hljs-keyword"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-function"&gt;&lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;track&lt;/span&gt;) &lt;/span&gt;{
        &lt;span class="hljs-keyword"&gt;if&lt;/span&gt; (track.readyState == &lt;span class="hljs-string"&gt;'live'&lt;/span&gt; &amp;amp;&amp;amp; track.kind === &lt;span class="hljs-string"&gt;'audio'&lt;/span&gt;) {
            track.stop();
    &lt;/div&gt;&lt;/div&gt;&lt;div class="subComments___2FmoI"&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/1475102/dan-brown" title="Dan Brown" target="_blank" rel="noopener nofollow"&gt;Dan Brown&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;谢谢你。mediaStream.stop正在被废弃。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/9817602/webwoman" title="Webwoman" target="_blank" rel="noopener nofollow"&gt;Webwoman&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;@DanBrown 你的解决方案是什么？&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/414825/callum" title="callum" target="_blank" rel="noopener nofollow"&gt;callum&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;我强烈反对修改本地API的原型来&lt;i&gt;恢复&lt;/i&gt;一个已经被官方废弃并从浏览器中删除的功能。这是不规范的，而且很可能会在以后引起混乱。当你需要停止一个流中的所有轨道时，为什么不直接做&lt;code&gt;stream.getTracks().forEach(track =&amp;gt; { track.stop() })&lt;/code&gt; ？或者，如果你真的经常这样做，以至于有理由使用速记，你总是可以定义一个辅助函数，如&lt;code&gt;stopAllTracks(stream)&lt;/code&gt; 。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/5605145/sol404" title="sol404" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://i.stack.imgur.com/HLxZq.png?s=64&amp;amp;g=1" title="sol404" alt="sol404" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;sol404&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;不要使用&lt;code&gt;stream.stop()&lt;/code&gt; ，它已被废弃。&lt;/p&gt;
&lt;p&gt;&lt;a href="https://developers.google.com/web/updates/2015/07/mediastream-deprecations?hl=en#stop-ended-and-active" rel="noreferrer"&gt;媒体流的弃用&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;使用&lt;code&gt;stream.getTracks().forEach(track =&amp;gt; track.stop())&lt;/code&gt;&lt;/p&gt;
    &lt;/div&gt;&lt;/div&gt;&lt;div class="subComments___2FmoI"&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/9503288/pankaj-narola" title="PANKAJ NAROLA" target="_blank" rel="noopener nofollow"&gt;PANKAJ NAROLA&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;非常感谢你，，它的工作是完全正常的，由于折旧，它混淆了人们，哪一个是有效的，但截至三月2019年，上述解决方案是在铬的工作正常... 🙂&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/3143670/neeraj-jain" title="Neeraj Jain" target="_blank" rel="noopener nofollow"&gt;Neeraj Jain&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;如何恢复轨道？&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/5605145/sol404" title="sol404" target="_blank" rel="noopener nofollow"&gt;sol404&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;@NeerajJain&lt;a href="https://www.w3.org/TR/mediacapture-streams/#mediastreamtrack" rel="nofollow noreferrer"&gt;w3.org/TR/mediacapture-streams/#mediastreamtrack&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/13412392/codeboi" title="codeboi" target="_blank" rel="noopener nofollow"&gt;codeboi&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;@NeerajJain 一旦你关闭mediaStreamTrack，它就不能退出结束状态。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/4146454/sasi-varunan" title="Sasi Varunan" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/9814fbf09505c7dd704bd5dcf11826d1?s=64&amp;amp;d=identicon&amp;amp;r=PG&amp;amp;f=1" title="Sasi Varunan" alt="Sasi Varunan" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Sasi Varunan&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;FF、Chrome和Opera现在已经开始通过&lt;code&gt;navigator.mediaDevices&lt;/code&gt; ，将&lt;code&gt;getUserMedia&lt;/code&gt; 作为标准（可能会改变 :)&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;navigator.&lt;span class="hljs-property"&gt;mediaDevices&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;getUserMedia&lt;/span&gt;({&lt;span class="hljs-attr"&gt;audio&lt;/span&gt;:&lt;span class="hljs-literal"&gt;true&lt;/span&gt;,&lt;span class="hljs-attr"&gt;video&lt;/span&gt;:&lt;span class="hljs-literal"&gt;true&lt;/span&gt;})
    .&lt;span class="hljs-title function_"&gt;then&lt;/span&gt;(&lt;span class="hljs-function"&gt;&lt;span class="hljs-params"&gt;stream&lt;/span&gt; =&amp;gt;&lt;/span&gt; {
        &lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;localStream&lt;/span&gt; = stream;
    .&lt;span class="hljs-title function_"&gt;catch&lt;/span&gt;( &lt;span class="hljs-function"&gt;(&lt;span class="hljs-params"&gt;err&lt;/span&gt;) =&amp;gt;&lt;/span&gt;{
        &lt;span class="hljs-variable language_"&gt;console&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;log&lt;/span&gt;(err);
&lt;span class="hljs-comment"&gt;// later you can do below&lt;/span&gt;
&lt;span class="hljs-comment"&gt;// stop both video and audio&lt;/span&gt;
localStream.&lt;span class="hljs-title function_"&gt;getTracks&lt;/span&gt;().&lt;span class="hljs-title function_"&gt;forEach&lt;/span&gt;( &lt;span class="hljs-function"&gt;(&lt;span class="hljs-params"&gt;track&lt;/span&gt;) =&amp;gt;&lt;/span&gt; {
track.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
&lt;span class="hljs-comment"&gt;// stop only audio&lt;/span&gt;
localStream.&lt;span class="hljs-title function_"&gt;getAudioTracks&lt;/span&gt;()[&lt;span class="hljs-number"&gt;0&lt;/span&gt;].&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
&lt;span class="hljs-comment"&gt;// stop only video&lt;/span&gt;
localStream.&lt;span class="hljs-title function_"&gt;getVideoTracks&lt;/span&gt;()[&lt;span class="hljs-number"&gt;0&lt;/span&gt;].&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
    &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/2347438/veshraj-joshi" title="Veshraj Joshi" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://i.stack.imgur.com/QbHt6.png?s=64&amp;amp;g=1" title="Veshraj Joshi" alt="Veshraj Joshi" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Veshraj Joshi&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;假设我们在视频标签里有流媒体，ID是视频-&lt;code&gt;&amp;lt;video id="video"&amp;gt;&amp;lt;/video&amp;gt;&lt;/code&gt; ，那么我们应该有以下代码 -&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;&lt;span class="hljs-keyword"&gt;var&lt;/span&gt; videoEl = &lt;span class="hljs-variable language_"&gt;document&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;getElementById&lt;/span&gt;(&lt;span class="hljs-string"&gt;'video'&lt;/span&gt;);
&lt;span class="hljs-comment"&gt;// now get the steam &lt;/span&gt;
stream = videoEl.&lt;span class="hljs-property"&gt;srcObject&lt;/span&gt;;
&lt;span class="hljs-comment"&gt;// now get all tracks&lt;/span&gt;
tracks = stream.&lt;span class="hljs-title function_"&gt;getTracks&lt;/span&gt;();
&lt;span class="hljs-comment"&gt;// now close each track by having forEach loop&lt;/span&gt;
tracks.&lt;span class="hljs-title function_"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;track&lt;/span&gt;) {
   &lt;span class="hljs-comment"&gt;// stopping every track&lt;/span&gt;
   track.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
&lt;span class="hljs-comment"&gt;// assign null to srcObject of video&lt;/span&gt;
videoEl.&lt;span class="hljs-property"&gt;srcObject&lt;/span&gt; = &lt;span class="hljs-literal"&gt;null&lt;/span&gt;;
    &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/1729615/alain-saurat" title="Alain Saurat" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/858fcac94095f92af659563ccfe1f378?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="Alain Saurat" alt="Alain Saurat" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Alain Saurat&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;用不同的浏览器启动网络摄像头视频&lt;/p&gt;
&lt;p&gt;适用于Opera 12&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;&lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;navigator&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;getUserMedia&lt;/span&gt;(param, &lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) {
                            video.&lt;span class="hljs-property"&gt;src&lt;/span&gt; =&lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;URL&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;createObjectURL&lt;/span&gt;(stream);
                        }, videoError );
&lt;p&gt;适用于Firefox Nightly 18.0&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;&lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;navigator&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;mozGetUserMedia&lt;/span&gt;(param, &lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) {
                            video.&lt;span class="hljs-property"&gt;mozSrcObject&lt;/span&gt; = stream;
                        }, videoError );
&lt;p&gt;适用于Chrome 22&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;&lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;navigator&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;webkitGetUserMedia&lt;/span&gt;(param, &lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) {
                            video.&lt;span class="hljs-property"&gt;src&lt;/span&gt; =&lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;webkitURL&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;createObjectURL&lt;/span&gt;(stream);
                        },  videoError );
&lt;p&gt;在不同的浏览器上停止网络摄像头视频&lt;/p&gt;
&lt;p&gt;适用于Opera 12&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-csharp"&gt;video.pause();
video.src=&lt;span class="hljs-literal"&gt;null&lt;/span&gt;;
&lt;p&gt;适用于Firefox Nightly 18.0&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-csharp"&gt;video.pause();
video.mozSrcObject=&lt;span class="hljs-literal"&gt;null&lt;/span&gt;;
&lt;p&gt;适用于Chrome 22&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-bash"&gt;video.pause();
video.src=&lt;span class="hljs-string"&gt;""&lt;/span&gt;;
&lt;p&gt;在这种情况下，网络摄像头的灯光每次都会熄灭...&lt;/p&gt;
    &lt;/div&gt;&lt;/div&gt;&lt;div class="subComments___2FmoI"&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/1588301/g-f%c3%bchr" title="G. Führ" target="_blank" rel="noopener nofollow"&gt;G. Führ&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;这只是停止显示&amp;lt;video&amp;gt;标签中的视频，但并不停止摄像机。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/3380944/imal-hasaranga-perera" title="imal hasaranga perera" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/4f50251bde88133b0fc535024d7eab5b?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="imal hasaranga perera" alt="imal hasaranga perera" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;imal hasaranga perera&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;试试下面的方法。&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;&lt;span class="hljs-keyword"&gt;var&lt;/span&gt; mediaStream = &lt;span class="hljs-literal"&gt;null&lt;/span&gt;;
    navigator.&lt;span class="hljs-title function_"&gt;getUserMedia&lt;/span&gt;(
            &lt;span class="hljs-attr"&gt;audio&lt;/span&gt;: &lt;span class="hljs-literal"&gt;true&lt;/span&gt;,
            &lt;span class="hljs-attr"&gt;video&lt;/span&gt;: &lt;span class="hljs-literal"&gt;true&lt;/span&gt;
        &lt;span class="hljs-keyword"&gt;function&lt;/span&gt; (&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) {
            mediaStream = stream;
            mediaStream.&lt;span class="hljs-property"&gt;stop&lt;/span&gt; = &lt;span class="hljs-keyword"&gt;function&lt;/span&gt; (&lt;span class="hljs-params"/&gt;) {
                &lt;span class="hljs-variable language_"&gt;this&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;getAudioTracks&lt;/span&gt;().&lt;span class="hljs-title function_"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; (&lt;span class="hljs-params"&gt;track&lt;/span&gt;) {
                    track.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
                &lt;span class="hljs-variable language_"&gt;this&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;getVideoTracks&lt;/span&gt;().&lt;span class="hljs-title function_"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; (&lt;span class="hljs-params"&gt;track&lt;/span&gt;) { &lt;span class="hljs-comment"&gt;//in case... :)&lt;/span&gt;
                    track.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
             * Rest of your code.....
    * somewhere insdie your code you call
    mediaStream.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
    &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/1042051/bhavin" title="Bhavin" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://i.stack.imgur.com/IaxrR.jpg?s=64&amp;amp;g=1" title="Bhavin" alt="Bhavin" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Bhavin&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;你可以直接使用getUserMedia的成功处理程序中返回的流对象来结束流。 &lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-scss"&gt;localMediaStream&lt;span class="hljs-selector-class"&gt;.stop&lt;/span&gt;()
&lt;p&gt;&lt;code&gt;video.src=""&lt;/code&gt; 或 将只是从视频标签中删除源。它不会释放硬件。&lt;code&gt;null&lt;/code&gt; &lt;/p&gt;
    &lt;/div&gt;&lt;/div&gt;&lt;div class="subComments___2FmoI"&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/924578/shih-en-chou" title="Shih-En Chou" target="_blank" rel="noopener nofollow"&gt;Shih-En Chou&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;我明白了。我以后会试一试。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/1389449/sdra" title="Sdra" target="_blank" rel="noopener nofollow"&gt;Sdra&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;并非如此...在火狐浏览器上并不工作。文档中提到，这种方法并非在所有的浏览器中都能实现...&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/1027138/scottmas" title="Scottmas" target="_blank" rel="noopener nofollow"&gt;Scottmas&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;上述解决方案对我不起作用。这样就可以了。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/1544044/mcy" title="mcy" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/5221faea5e0150fa62cce1f245f7d64b?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="mcy" alt="mcy" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;mcy&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;由于你需要轨道来关闭流媒体，而你需要&lt;code&gt;stream&lt;/code&gt; boject来进入轨道，在上面Muaz Khan的回答的帮助下，我使用的代码如下。&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;&lt;span class="hljs-keyword"&gt;if&lt;/span&gt; (navigator.&lt;span class="hljs-property"&gt;getUserMedia&lt;/span&gt;) {
    navigator.&lt;span class="hljs-title function_"&gt;getUserMedia&lt;/span&gt;(constraints, &lt;span class="hljs-keyword"&gt;function&lt;/span&gt; (&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) {
        videoEl.&lt;span class="hljs-property"&gt;src&lt;/span&gt; = stream;
        videoEl.&lt;span class="hljs-title function_"&gt;play&lt;/span&gt;();
        &lt;span class="hljs-variable language_"&gt;document&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;getElementById&lt;/span&gt;(&lt;span class="hljs-string"&gt;'close'&lt;/span&gt;).&lt;span class="hljs-title function_"&gt;addEventListener&lt;/span&gt;(&lt;span class="hljs-string"&gt;'click'&lt;/span&gt;, &lt;span class="hljs-keyword"&gt;function&lt;/span&gt; (&lt;span class="hljs-params"/&gt;) {
            &lt;span class="hljs-title function_"&gt;stopStream&lt;/span&gt;(stream);
    }, errBack);
&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; &lt;span class="hljs-title function_"&gt;stopStream&lt;/span&gt;(&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) {
&lt;span class="hljs-variable language_"&gt;console&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;log&lt;/span&gt;(&lt;span class="hljs-string"&gt;'stop called'&lt;/span&gt;);
stream.&lt;span class="hljs-title function_"&gt;getVideoTracks&lt;/span&gt;().&lt;span class="hljs-title function_"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; (&lt;span class="hljs-params"&gt;track&lt;/span&gt;) {
    track.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
&lt;p&gt;当然，这将关闭所有活动的视频轨道。如果你有多个，你应该进行相应的选择。 &lt;/p&gt;
    &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/1008999/endless" title="Endless" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/02f476ed950384700afba952f6efaa28?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="Endless" alt="Endless" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Endless&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;如果&lt;code&gt;.stop()&lt;/code&gt; ，那么我不认为我们应该像@MuazKhan那样重新添加它。这就是为什么事情被废弃，不应该再被使用的原因。只要创建一个辅助函数就可以了......这里有一个更符合ES6的版本 &lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-scss"&gt;function stopStream (stream) {
    for (let track of stream.getTracks()) { 
        track&lt;span class="hljs-selector-class"&gt;.stop&lt;/span&gt;()
    &lt;/div&gt;&lt;/div&gt;&lt;div class="subComments___2FmoI"&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/2801559/guest271314" title="guest271314" target="_blank" rel="noopener nofollow"&gt;guest271314&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;&lt;code&gt;for (let track of stream.getTracks()) {                  track.stop()             }&lt;/code&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/288906/fregante" title="fregante" target="_blank" rel="noopener nofollow"&gt;fregante&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;&lt;code&gt;stream.getTracks().forEach(function (track) { track.stop() })&lt;/code&gt; 在ES5中，这避免了&lt;a href="http://babeljs.io/repl/#?babili=false&amp;amp;evaluate=true&amp;amp;lineWrap=false&amp;amp;presets=es2015&amp;amp;experimental=true&amp;amp;loose=false&amp;amp;spec=false&amp;amp;code=for%20(let%20track%20of%20stream.getTracks())%20%7B%20track.stop()%20%7D" rel="nofollow noreferrer"&gt;冗长的babel变换的&lt;/a&gt; &lt;a href="http://babeljs.io/repl/#?babili=false&amp;amp;evaluate=true&amp;amp;lineWrap=false&amp;amp;presets=es2015&amp;amp;experimental=true&amp;amp;loose=false&amp;amp;spec=false&amp;amp;code=for%20(let%20track%20of%20stream.getTracks())%20%7B%20track.stop()%20%7D" rel="nofollow noreferrer"&gt; &lt;code&gt;for of&lt;/code&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/3133551/topreseller" title="TopReseller" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/c9d143820a426979dc623db007f1cd74?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="TopReseller" alt="TopReseller" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;TopReseller&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;你需要停止所有轨道（从网络摄像头、麦克风）。&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-scss"&gt;localStream&lt;span class="hljs-selector-class"&gt;.getTracks&lt;/span&gt;()&lt;span class="hljs-selector-class"&gt;.forEach&lt;/span&gt;(track =&amp;gt; track.stop());
    &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/2252113/hitesh-sahu" title="Hitesh Sahu" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://i.stack.imgur.com/TTazp.png?s=64&amp;amp;g=1" title="Hitesh Sahu" alt="Hitesh Sahu" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Hitesh Sahu&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;h2&gt;启动和停止网络摄像机，(2020年更新React es6 )&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;启动网络摄像机&lt;/strong&gt;&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-kotlin"&gt;stopWebCamera =()=&amp;gt;
       &lt;span class="hljs-comment"&gt;//Start Web Came&lt;/span&gt;
      &lt;span class="hljs-keyword"&gt;if&lt;/span&gt; (navigator.mediaDevices &amp;amp;&amp;amp; navigator.mediaDevices.getUserMedia) {
        &lt;span class="hljs-comment"&gt;//use WebCam&lt;/span&gt;
        navigator.mediaDevices.getUserMedia({ video: &lt;span class="hljs-literal"&gt;true&lt;/span&gt; }).then(stream =&amp;gt; {
          &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.localStream = stream;
          &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.video.srcObject = stream;
          &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.video.play();
&lt;p&gt;&lt;strong&gt;停止网络摄像机或一般的视频播放&lt;/strong&gt;&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-kotlin"&gt;stopVideo =()=&amp;gt;
        &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.video.pause();
        &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.video.src = &lt;span class="hljs-string"&gt;""&lt;/span&gt;;
        &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.video.srcObject = &lt;span class="hljs-literal"&gt;null&lt;/span&gt;;
         &lt;span class="hljs-comment"&gt;// As per new API stop all streams&lt;/span&gt;
        &lt;span class="hljs-keyword"&gt;if&lt;/span&gt; (&lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.localStream)
          &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.localStream.getTracks().forEach(track =&amp;gt; track.stop());
&lt;p&gt;&lt;strong&gt;停止网络摄像机功能即使在视频流中也能发挥作用。&lt;/strong&gt;&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-kotlin"&gt;  &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.video.src = &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.state.videoToTest;
  &lt;span class="hljs-keyword"&gt;this&lt;/span&gt;.video.play();
    &lt;/div&gt;&lt;/div&gt;&lt;div class="subComments___2FmoI"&gt;&lt;div class="main___24sYp"&gt;&lt;div class="name___85mbA"&gt;&lt;a class="reviewerLink___2jSlZ" href="https://stackoverflow.com/users/1380370/amiregelz" title="amiregelz" target="_blank" rel="noopener nofollow"&gt;amiregelz&lt;/a&gt;：&lt;/div&gt;&lt;div class="content___38THn"&gt;&lt;span class="comment-copy"&gt;是否有可能在不使用户重新选择窗口的情况下，停止然后重新启动屏幕捕捉共享？&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/1318475/acegl" title="ACEGL" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/7c591221aa7bac4fcd802dc8a86cce00?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="ACEGL" alt="ACEGL" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;ACEGL&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;当通过http连接时，在chrome上使用.stop()在流上工作。当使用ssl（https）时，它不起作用。&lt;/p&gt;
    &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/7516620/akshay-i" title="Akshay I" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/9d8d717e273ee188e571bd5576c299de?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="Akshay I" alt="Akshay I" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Akshay I&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;请检查这个&lt;a href="https://jsfiddle.net/wazb1jks/3/" rel="nofollow noreferrer"&gt;：https://jsfiddle.net/wazb1jks/3/&lt;/a&gt;&lt;/p&gt;
&lt;pre class="snippet-code-js lang-js s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;navigator.&lt;span class="hljs-title function_"&gt;getUserMedia&lt;/span&gt;(mediaConstraints, &lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;stream&lt;/span&gt;) {
    &lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;streamReference&lt;/span&gt; = stream;
}, onMediaError);&lt;/code&gt;&lt;/pre&gt;
&lt;div class="snippet-result"&gt;&lt;div class="snippet-ctas"&gt;&lt;button type="button" class="s-btn s-btn__primary"&gt;&lt;span class="icon-play-white _hover"/&gt;&lt;span&gt;运行代码片段&lt;/span&gt;&lt;/button&gt;&lt;input class="copySnippet s-btn s-btn__filled" type="button" value="Copy snippet to answer" style="display: none;"/&gt;&lt;button type="button" class="s-btn hideResults" style="display: none;"&gt;隐藏结果&lt;/button&gt;&lt;div class="popout-code"&gt;&lt;a class="snippet-expand-link"&gt;展开代码片段&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="snippet-result-code" style="display: none;"&gt;&lt;iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"/&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;pre class="snippet-code-js lang-js s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; &lt;span class="hljs-title function_"&gt;stopStream&lt;/span&gt;(&lt;span class="hljs-params"/&gt;) {
    &lt;span class="hljs-keyword"&gt;if&lt;/span&gt; (!&lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;streamReference&lt;/span&gt;) &lt;span class="hljs-keyword"&gt;return&lt;/span&gt;;
    &lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;streamReference&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;getAudioTracks&lt;/span&gt;().&lt;span class="hljs-title function_"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;track&lt;/span&gt;) {
        track.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
    &lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;streamReference&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;getVideoTracks&lt;/span&gt;().&lt;span class="hljs-title function_"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-keyword"&gt;function&lt;/span&gt;(&lt;span class="hljs-params"&gt;track&lt;/span&gt;) {
        track.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
    &lt;span class="hljs-variable language_"&gt;window&lt;/span&gt;.&lt;span class="hljs-property"&gt;streamReference&lt;/span&gt; = &lt;span class="hljs-literal"&gt;null&lt;/span&gt;;
&lt;div class="snippet-result"&gt;&lt;div class="snippet-ctas"&gt;&lt;button type="button" class="s-btn s-btn__primary"&gt;&lt;span class="icon-play-white _hover"/&gt;&lt;span&gt;运行代码片段&lt;/span&gt;&lt;/button&gt;&lt;input class="copySnippet s-btn s-btn__filled" type="button" value="Copy snippet to answer" style="display: none;"/&gt;&lt;button type="button" class="s-btn hideResults" style="display: none;"&gt;隐藏结果&lt;/button&gt;&lt;div class="popout-code"&gt;&lt;a class="snippet-expand-link"&gt;展开片段&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="snippet-result-code" style="display: none;"&gt;&lt;iframe name="sif3" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"/&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/1367256/techdo" title="TechDo" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://i.stack.imgur.com/Az8Hi.jpg?s=64&amp;amp;g=1" title="TechDo" alt="TechDo" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;TechDo&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;下面的代码对我有用。&lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-javascript"&gt;public &lt;span class="hljs-title function_"&gt;vidOff&lt;/span&gt;(&lt;span class="hljs-params"/&gt;) {
      &lt;span class="hljs-keyword"&gt;let&lt;/span&gt; stream = &lt;span class="hljs-variable language_"&gt;this&lt;/span&gt;.&lt;span class="hljs-property"&gt;video&lt;/span&gt;.&lt;span class="hljs-property"&gt;nativeElement&lt;/span&gt;.&lt;span class="hljs-property"&gt;srcObject&lt;/span&gt;;
      &lt;span class="hljs-keyword"&gt;let&lt;/span&gt; tracks = stream.&lt;span class="hljs-title function_"&gt;getTracks&lt;/span&gt;();
      tracks.&lt;span class="hljs-title function_"&gt;forEach&lt;/span&gt;(&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; (&lt;span class="hljs-params"&gt;track&lt;/span&gt;) {
          track.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
      &lt;span class="hljs-variable language_"&gt;this&lt;/span&gt;.&lt;span class="hljs-property"&gt;video&lt;/span&gt;.&lt;span class="hljs-property"&gt;nativeElement&lt;/span&gt;.&lt;span class="hljs-property"&gt;srcObject&lt;/span&gt; = &lt;span class="hljs-literal"&gt;null&lt;/span&gt;;
      &lt;span class="hljs-variable language_"&gt;this&lt;/span&gt;.&lt;span class="hljs-property"&gt;video&lt;/span&gt;.&lt;span class="hljs-property"&gt;nativeElement&lt;/span&gt;.&lt;span class="hljs-title function_"&gt;stop&lt;/span&gt;();
    &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="main___2afui"&gt;&lt;div class="info___2dyKv"&gt;&lt;div class="commentInfo___1616D"&gt;&lt;a class="reviewerLink___1Y5EL" href="https://stackoverflow.com/users/1436675/pankaj-anupam" title="Pankaj Anupam" target="_blank" rel="noopener nofollow"&gt;&lt;img class="avatar___3gRVO" src="https://www.gravatar.com/avatar/07d8bed4d98014c4447401aa7700dc70?s=64&amp;amp;d=identicon&amp;amp;r=PG" title="Pankaj Anupam" alt="Pankaj Anupam" referrerpolicy="no-referrer"/&gt;&lt;div class="name___1XGg4"&gt;Pankaj Anupam&lt;/div&gt;&lt;/a&gt;&lt;div class="time___2OtLQ"&gt;发布于 &lt;!-- --&gt;2016-07-09&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vote___3mJ3W"&gt;0&lt;!-- --&gt; 人赞同&lt;/div&gt;&lt;div class="main___1IDZm htmlViewer___2iaXC"&gt;&lt;div class="s-prose js-post-body" itemprop="text"&gt;
&lt;p&gt;有一个流形式的成功手柄的引用 &lt;/p&gt;
&lt;pre class="default s-code-block"&gt;&lt;code class="hljs language-delphi"&gt;&lt;span class="hljs-keyword"&gt;var&lt;/span&gt; streamRef;
&lt;span class="hljs-keyword"&gt;var&lt;/span&gt; handleVideo = &lt;span class="hljs-function"&gt;&lt;span class="hljs-keyword"&gt;function&lt;/span&gt; &lt;span class="hljs-params"&gt;(stream)&lt;/span&gt; &lt;span class="hljs-comment"&gt;{
    streamRef = stream;