请检查这个:https://jsfiddle.net/wazb1jks/3/

导航器。getUserMedia(mediaConstraints，函数(流){ 窗口。streamReference =流; }, onMediaError);

停止记录

函数stopStream() { if (!window.streamReference)返回; window.streamReference.getAudioTracks () .forEach(函数(跟踪){ track.stop (); })； window.streamReference.getVideoTracks () .forEach(函数(跟踪){ track.stop (); })； 窗口。streamReference = null; ｝

您可以直接使用成功处理程序中返回给getUserMedia的流对象来结束流。如。

localMediaStream.stop()

视频。Src =""或null只会从视频标签中删除源。它不会释放硬件。

假设我们有流式视频标签，id是video - <video id="video"></video>，那么我们应该有以下代码-

var videoEl = document.getElementById('video');
// now get the steam 
stream = videoEl.srcObject;
// now get all tracks
tracks = stream.getTracks();
// now close each track by having forEach loop
tracks.forEach(function(track) {
   // stopping every track
   track.stop();
});
// assign null to srcObject of video
videoEl.srcObject = null;

你需要停止所有的轨迹(来自摄像头，麦克风):

localStream.getTracks().forEach(track => track.stop());

不要使用stream.stop()，它已被弃用

MediaStream用法

使用stream.getTracks()。forEach(track => track.stop())

当通过http连接时，在流上使用.stop()在chrome上工作。它在使用ssl (https)时不起作用。