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

标签 javascript html video webrtc licode

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

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

可能是什么问题:

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


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

最佳答案

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

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

关于javascript - 使用 webrtc 流式传输具有透明像素的视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39763812/

相关文章:

Javascript:使用 XMLHttpRequest 发送 arrayBuffer

javascript - 在 Angular 应用程序中加载完成后如何停止旋转器?

javascript - 在 jQuery 中设置时间后自动显示和 Div

Android,如何删除VideoView的控件?

ios - 如何在MPMovieplayer中的用户指定时间范围内播放音频/视频

javascript - 如何通过 Chrome 扩展访问 Netflix 的 HTML5 视频标签元数据

javascript - 每分钟更换一次数据集

html - 隐藏 text 、 textfield 和 button 之间的空白

php - 将输入数组形成到 MySQL DB

javascript - Jquery根据用户对其他文本框的输入将值绑定(bind)到文本框