tracking.js关闭摄像头的方法!

tracking.js没有提供关闭摄像头的方法只能刷新浏览器或者关闭浏览器来关闭摄像头。
直接上解决办法:
在tracking.js文件中找到以下方法

tracking.initUserMedia_ = function (element, opt_options) {
        window.navigator.mediaDevices.getUserMedia({
            video: true,
            audio: (opt_options && opt_options.audio) ? true : false,
        }).then(function (stream) {
            element.srcObject = stream;
            //加上这一句话
            window.stream = stream; 
        }).catch(function (err) {
            throw Error('Cannot capture user camera.');
        });
    };

vue中定义关闭的方法:

 stopMediaStreamTrack() {
      if (typeof window.stream === "object") {
     		 //	this.videoEl是视频流容器,也就是video标签,需要在data中声明这个变量,然后在打开摄像头的方法中this.videoEl.srcObject = window.stream
              this.videoEl.srcObject = null;
              window.stream.getTracks().forEach(track => track.stop());
          }
    },

实测在vue中调用这个方法是可以关闭摄像头的,chrome闪烁小红点消失,电脑摄像头指示灯熄灭。有问题欢迎留言指出,调用摄像头的代码网上很多就不贴了

评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值