【发布时间】:2011-07-23 06:22:32
【问题描述】:
在http://www.thewildernessdowntown.com/ 的非常酷的视频中,这里究竟做了什么来使所有视频/活动与音频完美同步?
我很难找到有关通过 HTML5 实际可以进行哪些同步的详细信息。我想将一些视频、音轨和 HTML 叠加层同步在一起,我想知道最好的方法是在客户端获得一个可以丢帧的可靠时间线。
【问题讨论】:
标签: html html5-video html5-audio
在http://www.thewildernessdowntown.com/ 的非常酷的视频中,这里究竟做了什么来使所有视频/活动与音频完美同步?
我很难找到有关通过 HTML5 实际可以进行哪些同步的详细信息。我想将一些视频、音轨和 HTML 叠加层同步在一起,我想知道最好的方法是在客户端获得一个可以丢帧的可靠时间线。
【问题讨论】:
标签: html html5-video html5-audio
我猜它在 HTML5 和 Javascript 中。在 HTML5 中,您可以使用所谓的“提示点”来触发某些事件。基本上,您会说“在视频中的这个时间戳,触发这个事件”。在我的工作地点,这些提示点可以作为元数据嵌入媒体文件中,并在解码时读取。这是一种繁重的方法,但如果您有时间和工具,可能是可行的。
但是,对于大多数 Web 应用程序,我建议使用 Javascript,特别是库 here(cuepoint.js;更多用于字幕) 或 here(popcorn.js)。两者都可能对您的应用派上用场。
在常规 HTML5 中,有一个用于指定 cuepoint 数据的规范,但在不同的浏览器和环境中该规范仍在不断变化和 YMMV。
【讨论】: