在ReactJS中通过.getUserMedia访问网络摄像头后，单击一下即可断开连接
在ReactJS中通过.getUserMedia访问网络摄像头后，单击一下即可断开连接
提问于 2019-05-25 15:58:46
我在点击按钮时通过navigator.mediaDevices.getUserMedia获得一个摄像头馈送，并通过createRef API将其传递给<video />。我需要在相同的按钮上关闭提要(而不是暂停)，如果它是打开的。
我尝试过访问媒体曲目，比如
.getUserMedia({ video: true, audio: false })
.then(stream =>
(this.video.current.srcObject = stream.getTracks()[0].stop))试图阻止他们但没什么好运气的。
我通过这个函数处理流的开/关：
handleClick = () => {
// accessing webcam feed
if (!this.state.rec) {
navigator.mediaDevices
.getUserMedia({ video: true, audio: true })
.then(stream => (this.video.current.srcObject = stream))
} else {
// TODO disconnect webcam feed
}
};我希望有一个功能，断开网络摄像头饲料的点击，如果它是生活。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-05-25 23:38:45
停止跟踪是解决方案，但实际上需要调用该方法。你也应该在所有的轨道上调用它，即使你只期望一个，以防你的约束没有被完全满足。
stream.getTracks().forEach((track) => {
track.stop();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56306467
复制相关文章
相似问题
腾讯云开发者
