【问题标题】:What "timeline" technology is being referenced in the Google/Arcade Fire Video Experiment?Google/Arcade Fire 视频实验中引用了哪些“时间轴”技术?
【发布时间】:2011-07-23 06:22:32
【问题描述】:

http://www.thewildernessdowntown.com/ 的非常酷的视频中,这里究竟做了什么来使所有视频/活动与音频完美同步?

我很难找到有关通过 HTML5 实际可以进行哪些同步的详细信息。我想将一些视频、音轨和 HTML 叠加层同步在一起,我想知道最好的方法是在客户端获得一个可以丢帧的可靠时间线。

【问题讨论】:

    标签: html html5-video html5-audio


    【解决方案1】:

    我猜它在 HTML5 和 Javascript 中。在 HTML5 中,您可以使用所谓的“提示点”来触发某些事件。基本上,您会说“在视频中的这个时间戳,触发这个事件”。在我的工作地点,这些提示点可以作为元数据嵌入媒体文件中,并在解码时读取。这是一种繁重的方法,但如果您有时间和工具,可能是可行的。

    但是,对于大多数 Web 应用程序,我建议使用 Javascript,特别是库 here(cuepoint.js;更多用于字幕) 或 here(popcorn.js)。两者都可能对您的应用派上用场。

    在常规 HTML5 中,一个用于指定 cuepoint 数据的规范,但在不同的浏览器和环境中该规范仍在不断变化和 YMMV。

    【讨论】:

    • 很好的建议... Cuepoint.js 正是我正在寻找的那种东西。在你们公司,对于“在视频中的这个时间戳,触发这个事件”,你是使用 cuepoint.js 还是其他方法?
    • 我们在 Silverlight 中运行我们所有的东西,但我也涉足过类似的东西。通常,我们使用媒体文件中的元数据来触发我们的提示点。
    猜你喜欢
    • 2011-03-06
    • 2015-09-19
    • 1970-01-01
    • 1970-01-01
    • 2012-01-20
    • 1970-01-01
    • 1970-01-01
    • 2019-01-21
    • 1970-01-01
    相关资源
    最近更新 更多