问题标签 [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.

0 投票
2 回答
2697 浏览

html5-video - 如何开始运行 mediaStream

我创建了一个网络摄像头流

我可以stream在全局范围内访问 MediaStream 对象吗?*

(类似navigator.getAllMediaStreams[0]

*edit: ...不向 getUserMedia 函数添​​加逻辑。我的问题案例是一个 qr-decoder-library,它为我获取流,我不想更改第三方代码

0 投票
2 回答
6988 浏览

javascript - Blob 视频时长元数据

我正在编写一个在 Firefox 中操作摄像机流视频的软件。

我正在生成一个使用MediaRecorder API 录制的视频类型的Blob

我正在使用FileSaver库将 blob 保存为本地存储中的视频:

例如,视频似乎没有任何最大持续时间,因此我无法在 VLC 中新生成的视频中的时间线中导航。

有没有办法在 blob 视频上设置持续时间元数据?

0 投票
1 回答
7736 浏览

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.

0 投票
1 回答
415 浏览

html - MediastreamTrack 停止 - 网络摄像头灯亮 - HTTPS

任何人都可以帮助修复 https 。我可以使用 stop() 停止视频流,但相机灯仍然亮着。无法在其他帖子中找到任何修复

0 投票
1 回答
3380 浏览

html - 在远程 WebRTC 对等连接中不会触发 MediaStream 事件的活动和非活动

我有一个由远程获取的远程 对象。MediaStreamWebRTC Peer Connection

我想检查遥控器何时 MediaStream 变为非活动状态(独立于原因)。

我已经读过,为此我应该使用事件active和对象inactiveMediaStream

但是这两个事件永远不会被触发:即使我为这两个事件设置了一个特定的处理程序,这些处理程序也永远不会执行。

这是我的实现:

这两条消息从未显示。

我也试过:

但是行为是一样的。

我不明白为什么没有触发这两个事件。

我正在使用谷歌浏览器 52.0.2743.116 m

0 投票
2 回答
16334 浏览

javascript - MediaStream 同时捕获画布和音频

我正在做一个项目,我想:

  1. 加载一个视频 js 并将其显示在画布上。
  2. 使用过滤器来改变画布的外观(从而改变视频)。
  3. 使用 MediaStream captureStream() 方法和 MediaRecorder 对象记录画布表面和原始视频的音频。
  4. 在 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 对象合并为一个单元,可以在媒体元素中记录或呈现。”

0 投票
2 回答
414 浏览

javascript - MediaRecorder、字幕和字幕

是否可以使用 MediaRecorder 将 WebVTT 轨道(或任何其他类型的字幕和字幕轨道)与音频和视频轨道一起混合到输出流中?

WebM 支持 WebVTT 轨道。有一个2012 年的 W3C 文档简要提到了字幕轨道的可能性。

今天是否支持带内字幕?如果是这样,我该如何使用它?

0 投票
1 回答
6337 浏览

javascript - 使用 captureStream 和 mediaRecorder 进行画布录制

如何记录来自多个画布的流?即,当我将一个画布更改为另一个画布时,它必须记录活动画布继续到第一个。

我已经这样做了:

但是当添加另一个流时,只记录第一部分。我正在将记录的数据推送到全局数组。

0 投票
1 回答
598 浏览

javascript - 使用 MediaStream API 捕获屏幕截图或在 javascript 中共享实时屏幕?

我最近一直在从事一个项目,该项目需要我在某些事件(未捕获的异常等)中捕获客户端机器的屏幕截图。在探索了 html2canvas 之后,我可以告诉你,我不是在寻找 DOM 阅读器/渲染器库。(页面上有太多脏画布元素)我想知道是否可以在新 API 中将屏幕实际用作媒体流源,并捕获图像(例如:PNG 格式)在:https: //www.w3.org/TR/mediacapture-streams/#stream-api

任何人的想法?

0 投票
0 回答
349 浏览

webrtc - 带有可切换音频和视频通话的 SimpleWebRTC

我正在使用SimpleWebRTC进行音频视频通话。我可以单独进行视频通话或音频通话,如下所示。

对于音频:

对于视频

我的视频元素:

有事件:

如何将视频流切换为音频流?或相反亦然?如何在不创建新的 SimpleWebRTC 对象的情况下有效地将活动视频呼叫转换为音频呼叫,或将音频呼叫转换为视频呼叫?如果有解决方法,我可以接受。

我尝试过的是进行视频通话,并使用webrtc.pauseVideo();它仍然传输流并使用我的相机和带宽。我当然不想那样。