简体繁体 English

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

[英]Transparent Video in HTML 5 with Captivate

原文 2013-02-13 22:06:00 2 1 html5/ video/ adobe-captivate

So I have shot some video on a green screen, removed the background in After Effects and have saved the video in an alpha channel. 因此，我在绿色屏幕上拍摄了一些视频，在After Effects中删除了背景，并将视频保存在了Alpha通道中。 I want to place the video into Adobe Captivate, these video are going to be a talking narrative throughout the slides. 我想将视频放到Adobe Captivate中，这些视频将在整个幻灯片中成为谈话叙事。 After importing and placing the video where I want it, I go to preview. 将视频导入并放置在所需位置后，我将进行预览。 If I preview the slides in Captivates normal previewer the background is transparent, just the way I want it. 如果我在Captivates普通预览器中预览幻灯片，则背景是透明的，就像我想要的那样。 But if I preview it or publish it to HTML 5 the background becomes black. 但是，如果我预览它或将其发布到HTML 5，则背景变为黑色。 HTML 5 is what this project needs to be viewed in. Am I doing something wrong or does HTML 5 not support transparent video. HTML 5是需要查看的项目。我是在做错什么还是HTML 5不支持透明视频？ Thanks for your help. 谢谢你的帮助。

1 个解决方案

You may need to use canvas element for rendering video with transparency, see https://github.com/m90/seeThru 您可能需要使用canvas元素以透明的方式呈现视频，请参阅https://github.com/m90/seeThru

seeThru - HTML5 video with alpha channel transparencies seeThru-具有alpha通道透明度的HTML5视频

This package adds "support" for the lacking alpha channel in HTML5 elements. 该软件包为HTML5元素中缺少alpha通道添加了“支持”。 The original video data will simply be re-rendered into a canvas-element, therefore adding the possibility to use transparencies for your video. 原始视频数据将被简单地重新渲染到画布元素中，因此增加了对视频使用透明胶片的可能性。 Alpha information can either be included in the video's source file (moving) or in a seperate -element (static). Alpha信息可以包含在视频的源文件中（移动），也可以包含在单独的元素中（静态）。