HTML5將音樂與圖像同步

Question

我正在播放使用HTML5音頻元素的4秒音樂循環。同時，我需要一個接一個地顯示48個圖像。當音頻返回到循環的開始時，圖像必須返回到第1幀。

我需要將圖像同步到音樂。

這對循環的一些迭代來說不是問題，但是音樂處理的任何輕微延遲都會導致與圖像同步的輕微損失 - 這會隨着時間而增加。

有關維護同步最佳方式的任何想法嗎？

Answer 1

音頻元素正在投擲timeupdate事件。您可以使用它通過JavaScript同步當前顯示的圖像。