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

Question

我正在尝试使用带有绘图的 captureStream API 捕获 html5 画布并使用 html5 视频标签播放它。
我面临的问题是，当我捕获流并在视频标签中播放它时，它的播放方式完全相同。
但是当我将该流发送到另一个对等点（使用 Licode MCU 的 webRTC 流式传输）并在那里播放时。

它以黑色背景播放。即视频不再透明。
有没有人遇到过这个？

可能是什么问题：

是 webrtc 频道的问题，可能是它无法处理透明像素吗？

或者

可能与媒体服务器有关？或者是其他东西？

Answer 1

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

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