webrtc - 是否可以将 2 个 webm 视频流合并为一个流(图中)

标签 webrtc webm

是否可以录制 2 个 webm 视频(使用 WebRTC),然后将它们合并为一个流(画中画)。

例子:

recording A shows camera A (streams out)

recording B shows camera B (streams out)

流A显示一帧A+B作为合并流(两个人之间的采访)

最佳答案

是的,它是通过使用 Media Recording API .

首先你必须创建一个 <canvas>你会在哪里画两个 <video>元素。创建 MediaRecorder 时,您将传递 Canvas 流:new MediaRecorder(canvas.captureStream()) .

在超时/间隔内,您将在 Canvas 中绘制两个视频:canvas.getContext("2d").drawImage(video, 0, 0, width, height); .

关于webrtc - 是否可以将 2 个 webm 视频流合并为一个流(图中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40966322/

相关文章:

javascript - webRTC - 区分临时断开或故障与永久

html - WebM 与 Ogg 理论

video - FFmpeg 管道输入,从 WebM 转码到 MP4 时出错

flash - Html5 视频和 Flash 方法

angularjs - 如何修复flutter webview中无法访问视频流(NotAllowedError)以使用html5+webRTC相机api?

webrtc - 使用 Wireshark 或类似工具分析来自浏览器 webRTC 流的 RTP 数据包

android - 使用 WebRTC AppRtc Demo 构建应用程序

webrtc - Kurento 房间屏幕共享

javascript - 将 SVG 动画转换为 webm 或 mov

video - 将 PNG 转换为透明的 webm 视频