同步音频到图片旋转木马

sync audio to a picture carrousel

本文关键字：旋转木马音频同步更新时间：2023-09-26

是否可以在不使用画布的情况下将音频同步到图片carrousel ?我目前使用setInterval来实现旋转木马。我不想使用flash，如果可能的话，也不太难实现，我想在没有画布的情况下完成。

~~您尝试过画布吗?~~

假设你正在使用一个<audio>元素，你可以得到它的currentTime属性。这会告诉你弹头在哪里。您可以使用此信息在音频经过某个位置时更改旋转木马，也可以将其设置为在旋转木马更改时更改音频位置。

实现旋转木马是什么意思?

当你想要显示图像时，我会设置一个特定的时间戳。所以在12秒的时候你要显示图像。

您可能还需要确保音频已加载。你可以使用canPlayThrough来检查是否有足够的加载来播放，或者你可以使用audio.buffered.end(0)来检查音频文件的长度，并确保整个东西已经加载。

这里有一篇关于这方面的好文章:http://html5doctor.com/html5-audio-the-state-of-play/

加载音频时，调用一个函数并传入时间戳，并将其设置为setInterval时间。因此，在timestamp * 1000处，该函数将触发并显示在该时间戳处传递的图像。

您也可以尝试使用audio.currentTime和fire，更多关于上面的文章也是如此。如果你有更具体的问题，请告诉我。