Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何删除轨道从MediaStream和“停止”摄像头?

如何删除轨道从MediaStream和“停止”摄像头?
EN

Stack Overflow用户
提问于 2013-08-11 16:35:35
回答 4查看 17.4K关注 0票数 10

我正在尝试从MediaStream中删除曲目。MediaStream.removeTrack()将从流中移除轨迹,但摄影机指示灯保持亮起,表示摄影机仍处于活动状态。

https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack?redirectlocale=en-US&redirectslug=DOM%2FMediaStreamTrack

这引用了一个stop()方法,我想它会在chrome中完全停止相机,但我得到的是"Object MediaStreamTrack has no method 'stop'"

有没有办法绕过这个问题,或者我必须停止整个流,然后用我不想要的曲目重新创建它?举个例子,我想在音轨还在的时候删除视频音轨。

EN

回答 4

Stack Overflow用户

发布于 2015-12-17 10:30:38

MediaStreamTrack.stop()现在是Chrome的added了。

在Chrome45中,MediaStream.stop()deprecated

您应该使用MediaStream.getVideoTracks()获取视频曲目,并使用MediaStreamTrack.stop()停止曲目

票数 12
EN

Stack Overflow用户

发布于 2013-08-12 10:02:37

您需要在MediaStream上调用stop(),而不是MediaStreamTrack。

看看simpl.info/gum吧。在控制台中,调用stream.stop():录制停止,摄像机指示灯熄灭。

票数 1
EN

Stack Overflow用户

发布于 2021-04-13 14:25:18

对于停止特定的媒体流,可以使用以下帮助:(Link)

代码语言:javascript
运行
AI代码解释
复制
function stopStreamedVideo(videoElem) {
  const stream = videoElem.srcObject;
  const tracks = stream.getTracks();

  tracks.forEach(function(track) {
    track.stop();
  });

  videoElem.srcObject = null;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18174194

复制
相关文章
WebRTC 之媒体流与轨道
媒体流指的是访问设备后产生的数据流,轨道指的是 WebRTC 中的基本媒体单元。
前端小鑫同学
2022/12/26
1.2K0
Webrtc及WEB端音视频设备获取及流处理
注意本文和之前Electron获取设备的文章有重合,但是也不是一样的,因为在Electron中我们不但能用HTML的API,也能使用Electron的API,但是WEB中就有局限了,在WEB中就实现不了直接分享主屏幕,必须用户选择。
码客说
2022/09/23
2.5K0
Webrtc及WEB端音视频设备获取及流处理
通过 web 录制视频(摄像头)并上传
在用户通过提示允许的情况下,打开系统上的相机或屏幕共享和/或麦克风,并提供 MediaStream 包含视频轨道和/或音频轨道的输入。
张云飞Vir
2021/04/28
2K0
Docker 那些事儿:如何安全地停止、删除容器?
在工作中,有时会需要将容器暂停,例如,要为容器文件系统做一个快照时。使用 docker pause 与 docker unpause 命令可以对容器进行暂停与激活操作,并且暂停状态的容器不会占用宿主机 CPU 资源。
我的小碗汤
2023/03/19
9K0
Docker 那些事儿:如何安全地停止、删除容器?
工作记录,使用Uniapp开发安卓应用
项目需求:录制视频和语音,在app页面的上半部分实时显示。下半部分显示文字提示,提醒用户回答确认。最后将录制的视频提交到服务器保存。
房东的狗丶
2023/02/17
6K1
工作记录,使用Uniapp开发安卓应用
使用 MediaStream Recording API 和 Web Audio API 在浏览器中处理音频(未完待续)
最近项目上有个需求,需要实现:录音、回放录音、实现音频可视化效果、上传wav格式的录音等功能。于是乎,我就顺便调研了下如何在浏览器中处理音频,发现 HTML5 中有专门的API用来处理音频。
zhaokang555
2023/10/17
6440
使用 MediaStream Recording API 和 Web Audio API 在浏览器中处理音频(未完待续)
如何启动,停止和重启Apache
Apache 是一个开源并且跨平台的 HTTP 服务器。它拥各种功能强大的特性,和广泛的模块支持。
雪梦科技
2020/05/11
22.9K0
如何启动,停止和重启Apache
如何优雅的监听MediaStream媒体流被释放?
大家知道通过getUserMedia接口可以拿到浏览器对应本地的音视频媒体流,那么我们有什么方法可以监听这路媒体流被释放了或者不可用了呢?
liuzhen007
2021/06/29
1.4K0
H5利用JS调用电脑摄像头实现拍照效果
今天学习了调用电脑摄像头,利用canvas画布将视频当前帧转换成图片的实例,其中用到了 mediaDevices.getUserMedia 方法。该方法提示用户允许使用媒体输入,产生包含所请求类型的媒体轨道。包括视频轨道(由诸如照相机,视频记录设备,屏幕共享服务等的硬件或虚拟视频源产生),音频轨道(类似地,由物理或虚拟音频源,如麦克风,A / D转换器等),以及其他可能的轨道类型。
德顺
2019/11/12
9.7K1
用JS轻松实现一个录音、录像、录屏工具库
最近项目遇到一个要在网页上录音的需求,在一波搜索后,发现了 react-media-recorder[1] 这个库。今天就跟大家一起研究一下这个库的源码吧,从 0 到 1 来实现一个 React 的录音、录像和录屏功能。
写代码的海怪
2022/03/29
1.2K0
用JS轻松实现一个录音、录像、录屏工具库
JavaScript 是如何工作的:WebRTC 和对等网络的机制!
WebRTC,名称源自网页即时通信(英语:Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的API。
前端小智@大迁世界
2019/03/15
2.4K0
JavaScript 是如何工作的:WebRTC 和对等网络的机制!
如何从组中删除Linux用户?
在Linux中,用户可以是一个主要组和一个或几个次要(辅助)组的成员。文件“ / etc / group”为Linux系统中的每个用户定义了组成员身份。
用户6543014
2020/04/07
19.9K0
如何从JavaScript对象中删除属性?
在使用 JavaScript 中的对象时,你可能会遇到需要从对象中完全删除属性的情况。为实现这一点可以有好几个选择:
疯狂的技术宅
2021/04/01
12.7K0
如何从工作区、暂存区和Git仓库删除文件
版权声明:转载请注明出处。 https://blog.csdn.net/bagpiping/article/details/83827449
小火柴棒
2019/06/11
1.9K0
给测试小妹做了一个js版屏幕录制工具iREC,她用后竟说喜欢我
周末,公司里的测试小妹给我发消息说,她昨晚又加班到很晚,原因是研发要求提复杂bug时需要附上具体的操作流程以便详细了解操作过程和复现。最好能提供一个录制视频,这不是难为我们测试小妹嘛?随后她问我有没有好用,免费的录制屏幕的软件。我答应帮她找找。 看到这里你可能以为这是一篇软件推荐文章,但其实这是一篇造轮子的文章,经过一番搜索,我发现大多数的录屏软件,不是比较笨重,就是有些需要付费,或者无法跨平台使用。于是我想能不能自己开发一个录屏工具,这个想法一旦产生就无法停止,在造轮子之前我需要简单整理一下需求范围,以便挑选合适的工具来实现。
拿我格子衫来
2022/01/24
1.3K0
给测试小妹做了一个js版屏幕录制工具iREC,她用后竟说喜欢我
从密度矩阵产生自然轨道-理论篇
  对于一个单或多行列式波函数方法(例如RHF, MP2, CCSD, CASCI, CASSCF等等),可将电荷密度(charge density)
用户7592569
2020/07/27
2.1K0
webrtc带宽分辨率以及比特率等问题汇总
使用constraints修改分辨率 https://webrtc.github.io/samples/src/content/getusermedia/resolution/
ghostsf
2022/09/09
1.6K0
这几个人脸识别解决方案你用过没?
以上就是完成人脸识别所需的步骤,如果你想在这个基础上,做人脸比对或者身份证校验等拓展功能,可以借助用户的身份证、姓名等信息,再结合第三方的AI服务,比如腾讯云的人脸核身来完成,本质上底层数据支持来自公安的实名认证接口
树酱
2022/03/09
1.5K0
这几个人脸识别解决方案你用过没?
点击加载更多

相似问题

如何修改WebRTC MediaStream视频轨道的内容?

14

如何应对“`MediaStream`”中视频轨道的尺寸/大小的变化?

14

如何完全关闭mediastream javascript上的摄像头

349

MediaStream引用没有删除/为什么我的摄像头总是很忙?

11

从画布和视频元素创建MediaStream

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档