离开React组件时网络摄像头不会关闭

时间:2017-10-25 23:08:28

标签: reactjs react-router webrtc webcam getusermedia

我目前正在使用React App从我的网络摄像头拍照。然而,当我离开组件时,绿灯继续保持亮起,我似乎无法关闭我的网络摄像头。这是我用来使用网络摄像头的代码。

  navigator.webkitGetUserMedia({ video: true, audio: false }, function(stream) {
    video.srcObject = stream;
    window.localstream = stream;
    video.play();
  }, function (e) {
    console.log(e);
  })

稍后,在我的componentWillUnmount生命周期处理程序中,我运行以下代码:

video.pause();
video.srcObject = null;
window.localstream.getTracks()[0].stop();
var list = document.getElementById("video"); 
list.removeChild(list.childNodes[0])

我的网络摄像头没有关闭但是当我在console.log时,MediaStreamTrack的readyState =“已结束”并且启用等于false。有什么办法可以强制我的网络摄像头关闭吗?

0 个答案:

没有答案