javascript - 使用 webrtc 流式传输具有透明像素的视频

Question

我正在尝试使用 captureStream API 捕获 html5 Canvas ，上面有绘图并使用 html5 视频标签播放它。
我面临的问题是，当我捕获流并在视频标签中播放它时它播放完全相同。
但是当我将该流发送到另一个对等点(使用 Licode MCU 的 webRTC 流)并在那里播放时。< br/>

它在黑色背景下播放。即视频不再透明。
有没有人遇到过这种情况？

可能是什么问题:

是否是 webrtc channel 的问题，可能无法处理透明像素？

或

这可能与媒体服务器有关？还是别的？

Answer 1

听起来您正在将 Canvas 作为视频数据发送。 WebRTC 通常使用 VP8 或 H264 来传输视频，并且都不支持 alpha channel 。因此，如果您想将其作为视频发送，则无法使用透明度。

但是，您可以使用 WebRTC 的数据通道部分发送它。您必须自己对其进行序列化和反序列化，但由于它只是传输字节，因此您可以保留您的 alpha channel 。