HTML5将音乐与图像同步

Question

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

我需要把图像和音乐同步。

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

有什么关于保持同步的最佳方式的想法吗？

Answer 1

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