HTML5用于将音乐与图像同步

Question

我正在使用HTML5音频元素播放4秒音乐循环。同时我需要一个接一个地显示48张图像。当音频返回到循环的开头时，图像必须返回到第1帧。

我需要将图像与音乐同步。

对于循环的几次迭代，这不是问题，但是音乐处理中的任何轻微延迟都会导致与图像的轻微同步 - 这会随着时间的推移而增加。

有关保持同步的最佳方式的任何想法吗？

Answer 1

音频元素正在抛出timeupdate事件。您可以使用它来通过JavaScript同步当前显示的图像。