问题标签 [mediastream]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html5-video - 如何开始运行 mediaStream
我创建了一个网络摄像头流
我可以stream
在全局范围内访问 MediaStream 对象吗?*
(类似navigator.getAllMediaStreams[0]
)
*edit: ...不向 getUserMedia 函数添加逻辑。我的问题案例是一个 qr-decoder-library,它为我获取流,我不想更改第三方代码
javascript - Blob 视频时长元数据
我正在编写一个在 Firefox 中操作摄像机流视频的软件。
我正在生成一个使用MediaRecorder API 录制的视频类型的Blob。
我正在使用FileSaver库将 blob 保存为本地存储中的视频:
例如,视频似乎没有任何最大持续时间,因此我无法在 VLC 中新生成的视频中的时间线中导航。
有没有办法在 blob 视频上设置持续时间元数据?
javascript - WebRTC: use of getStats()
I'm trying to get stats of a webRTC app to measure audio/video streaming bandwidth. I checked this question and I found it very useful; however, when I try to use it I get
I think that is because of in 2016 something in webRTC is changed and now there are mediaStreamTracks; however I built the project without mediaStreamTracks and I don't know how to change this function to get it to work.
Do you have any ideas? Thanks for your support!
UPDATE:
My call is
and getStats() is identical to this link at chapter n.7.
html - MediastreamTrack 停止 - 网络摄像头灯亮 - HTTPS
任何人都可以帮助修复 https 。我可以使用 stop() 停止视频流,但相机灯仍然亮着。无法在其他帖子中找到任何修复
html - 在远程 WebRTC 对等连接中不会触发 MediaStream 事件的活动和非活动
我有一个由远程获取的远程 对象。MediaStream
WebRTC Peer Connection
我想检查遥控器何时 MediaStream
变为非活动状态(独立于原因)。
我已经读过,为此我应该使用事件active
和对象inactive
。MediaStream
但是这两个事件永远不会被触发:即使我为这两个事件设置了一个特定的处理程序,这些处理程序也永远不会执行。
这是我的实现:
这两条消息从未显示。
我也试过:
但是行为是一样的。
我不明白为什么没有触发这两个事件。
我正在使用谷歌浏览器 52.0.2743.116 m
javascript - MediaStream 同时捕获画布和音频
我正在做一个项目,我想:
- 加载一个视频 js 并将其显示在画布上。
- 使用过滤器来改变画布的外观(从而改变视频)。
- 使用 MediaStream captureStream() 方法和 MediaRecorder 对象记录画布表面和原始视频的音频。
- 在 HTML 视频元素中播放画布流和音频流。
通过调整此 WebRTC 演示代码,我已经能够在视频元素中显示画布记录:https ://webrtc.github.io/samples/src/content/capture/canvas-record/
也就是说,我不知道如何在画布旁边录制视频的音频。是否可以从两个不同的源/元素创建包含 MediaStreamTrack 实例的 MediaStream?
根据 MediaStream API 的规范,理论上应该有某种方法可以实现这一点: https ://w3c.github.io/mediacapture-main/#introduction
“MediaStream API 中的两个主要组件是 MediaStreamTrack 和 MediaStream 接口。MediaStreamTrack 对象表示源自用户代理中的一个媒体源的单一类型的媒体,例如由网络摄像头生成的视频。MediaStream 用于分组将多个 MediaStreamTrack 对象合并为一个单元,可以在媒体元素中记录或呈现。”
javascript - MediaRecorder、字幕和字幕
是否可以使用 MediaRecorder 将 WebVTT 轨道(或任何其他类型的字幕和字幕轨道)与音频和视频轨道一起混合到输出流中?
WebM 支持 WebVTT 轨道。有一个2012 年的 W3C 文档简要提到了字幕轨道的可能性。
今天是否支持带内字幕?如果是这样,我该如何使用它?
javascript - 使用 captureStream 和 mediaRecorder 进行画布录制
如何记录来自多个画布的流?即,当我将一个画布更改为另一个画布时,它必须记录活动画布继续到第一个。
我已经这样做了:
但是当添加另一个流时,只记录第一部分。我正在将记录的数据推送到全局数组。
javascript - 使用 MediaStream API 捕获屏幕截图或在 javascript 中共享实时屏幕?
我最近一直在从事一个项目,该项目需要我在某些事件(未捕获的异常等)中捕获客户端机器的屏幕截图。在探索了 html2canvas 之后,我可以告诉你,我不是在寻找 DOM 阅读器/渲染器库。(页面上有太多脏画布元素)我想知道是否可以在新 API 中将屏幕实际用作媒体流源,并捕获图像(例如:PNG 格式)在:https: //www.w3.org/TR/mediacapture-streams/#stream-api
任何人的想法?
webrtc - 带有可切换音频和视频通话的 SimpleWebRTC
我正在使用SimpleWebRTC进行音频视频通话。我可以单独进行视频通话或音频通话,如下所示。
对于音频:
对于视频
我的视频元素:
有事件:
如何将视频流切换为音频流?或相反亦然?如何在不创建新的 SimpleWebRTC 对象的情况下有效地将活动视频呼叫转换为音频呼叫,或将音频呼叫转换为视频呼叫?如果有解决方法,我可以接受。
我尝试过的是进行视频通话,并使用webrtc.pauseVideo();
它仍然传输流并使用我的相机和带宽。我当然不想那样。