【问题标题】:Customizing HTML5 Videos自定义 HTML5 视频
【发布时间】:2013-01-04 15:53:11
【问题描述】:

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

(如果不是 HTML5,还有什么其他方法可以做到)

【问题讨论】:

  • 您可以将帧复制到画布上,然后像这样操作它。但是,为什么不简单地将您的内容覆盖在 video 元素之上呢?
  • 任何教程/示例都会很棒,覆盖内容与使用 cavas 有什么好处/坏处

标签: html video html5-video customization


【解决方案1】:

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

如果您想在不编写代码的情况下尝试一下 Popcorn,可以使用图形界面。 https://popcorn.webmaker.org/

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

使用画布还有一个奇怪的原因,那就是 HTML/CSS 内容看起来比视频更干净,因为视频是压缩的并且通常是缩放的,而 HTML 内容则不是。如果您真的想让动态内容看起来像视频的一部分,您可以在画布中生成它并缩放、模糊或以其他方式降级。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-02
    • 2014-07-16
    • 2017-06-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多