html - 带有 Captivate 的 HTML 5 中的透明视频

Question

所以我在绿屏上拍摄了一些视频，在 After Effects 中删除了背景并将视频保存在 Alpha 通道中。我想将视频放入 Adob​​e Captivate，这些视频将在整个幻灯片中成为有声的叙述。导入视频并将其放置在我想要的位置后，我去预览。如果我在 Captivates 普通预览器中预览幻灯片，背景是透明的，就像我想要的那样。但是，如果我预览它或将其发布到 HTML 5，背景会变成黑色。HTML 5 是该项目需要查看的内容。我做错了什么还是 HTML 5 不支持透明视频。谢谢你的帮助。

Answer 1

您可能需要使用 canvas 元素来渲染具有透明度的视频，请参阅https://github.com/m90/seeThru

seeThru - 带有 Alpha 通道透明度的 HTML5 视频

这个包为 HTML5 元素中缺少的 alpha 通道添加了“支持”。原始视频数据将简单地重新渲染到画布元素中，因此增加了为您的视频使用透明胶片的可能性。Alpha 信息既可以包含在视频的源文件中（移动），也可以包含在单独的元素中（静态）。