html - HTML5 将音乐与图像同步

Question

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

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

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

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

Answer 1

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