透明画布视频Safari问题

时间:2015-10-16 09:17:30

标签: javascript video canvas safari

我想建立一个带有小动画的网站,该网站应该支持透明度。 我发现这个小教程非常有效:http://www.sciencelifeny.com/transparency/transparency.html

它基于显示RGB通道和Alpha通道的视频。在JS应用程序中,视频数据被读取,合并并呈现给画布元素。

我实施了此解决方案,它适用于Chrome和FF,但不适用于Safari。

以下是我的实施:https://github.com/niels-garve/canvas-video

有人可以看看并帮助我吗?那真是太棒了!我很茫然,需要帮助。

我尝试了一些事情:

  • 我认为使用document.createElement表达式创建HTML结构会导致Safari崩溃,但它看起来并非如此。

  • 2D背景也很好用。我试图在画布上渲染一个简单的方块,这在Safari中很好用。它似乎不喜欢视频数据?

我将在本周末尝试在GitHub上记录我的代码,但我真的按照上面教程中的说明进行操作。

如果有人帮我解决这个问题,我会很高兴的。非常感谢你!

干杯 尼尔斯

1 个答案:

答案 0 :(得分:1)

我在我正在使用的开发环境中部署了我的解决方案,动画在Safari上运行良好。所以我猜我的本地websever配置有问题。

干杯

尼尔斯