2013-01-04 278 views
0

我可以动态更改HTML5中的视频以显示自定义内容,例如视频中显示的用户名?自定义HTML5视频

(如果不是HTML5,可以采取其他方式)

+1

您可以将这些帧复制到画布上,并像这样操作它。但是,为什么不简单地将你的内容覆盖在'video'元素之上呢? –

+0

任何教程/例子都会很棒,覆盖内容vs使用cavas的好处/缺点是什么 – anon

回答

1

是的。我推荐Popcorn.js,这是一个Javascript库,它可以很容易地将动态内容与视频同步。有很多爆米花插件可以生成不同类型的动态内容和效果,有些插件甚至可以制作非常丰富的动画。或者,您可以编写自己的插件。

如果您不想编写代码就可以试试它,还有一个Popcorn的图形界面。 https://popcorn.webmaker.org/

如果您只是想在视频上叠加内容,则可以使用HTML和CSS完成很多操作。使用画布的主要优点是可以在动态内容和/或视频本身上运行像素效果。 (例如,Seriously.js)。

使用画布还有另一个奇怪的原因,即HTML/CSS内容看起来比视频更清晰,因为视频是压缩的,通常是缩放的,而HTML内容则不是。如果您想真正让动态内容看起来像视频的一部分,您可以在画布上进行生成并缩放,模糊或以其他方式降级。