【发布时间】:2018-09-06 23:22:42
【问题描述】:
是否可以录制 2 个 webm 视频(使用WebRTC),然后将它们合并为一个流(画中画)。
例子:
记录 A 显示摄像机 A(流出)
录像 B 显示摄像机 B(流出)
流 A 显示一帧 A+B 作为合并流(两个人之间的采访)
【问题讨论】:
是否可以录制 2 个 webm 视频(使用WebRTC),然后将它们合并为一个流(画中画)。
例子:
记录 A 显示摄像机 A(流出)
录像 B 显示摄像机 B(流出)
流 A 显示一帧 A+B 作为合并流(两个人之间的采访)
【问题讨论】:
是的,使用Media Recording API。
首先您必须创建一个<canvas>,您将在其中绘制两个<video> 元素。创建 MediaRecorder 时,您将传递画布流:new MediaRecorder(canvas.captureStream())。
在超时/间隔内,您将在画布中绘制两个视频:canvas.getContext("2d").drawImage(video, 0, 0, width, height);。
【讨论】: