Google / Arcade Fire视频实验中引用了什么“时间轴”技术？

Question

在http://www.thewildernessdowntown.com/的非常酷的视频中，为了让所有视频/活动与音频完美同步，这里到底做了什么？

我无法通过HTML5找到确切可能实现哪种同步的详细信息。我想将一些视频，音轨和HTML叠加同步，我想知道什么是最好的方法来获得一个可以丢弃帧的固定时间线，客户端。

Answer 1

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

但是，对于大多数Web应用程序，我建议使用Javascript，特别是库here（cuepoint.js;更多用于字幕）或here（popcorn.js）。这两种方法都可以派上用场。

在常规HTML5中，是用于指定提示点数据的规范，但在不同的浏览器和环境中，它仍处于不稳定状态和YMMV中。