将音频同步到图片轮播

Question

是否可以在不使用画布的情况下将音频同步到图片转盘？我目前正在使用setInterval来实现转盘。我不想使用闪光灯，如果可能的话并且不太难以实现，我想在没有画布的情况下这样做。

Answer 1

你试过画布吗？

假设您使用的是<audio>元素，则可以获取其currentTime属性。这将告诉你播放头的位置。您可以使用此信息在音频通过某个位置时更改轮播，也可以将其设置为在轮播更改时更改音频位置。无论你正在做什么都有效。

Answer 2

通过实现旋转木马是什么意思？

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

您可能还想确保已加载音频。您可以使用canPlayThrough检查并查看是否加载了足够的内容，或者您​​可以使用audio.buffered.end(0)检查音频文件的长度并确保整个内容已加载。

以下是一篇很好的文章：http://html5doctor.com/html5-audio-the-state-of-play/

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

你也可以尝试使用audio.currentTime然后解雇，在上面的文章中也会更多。如果您有更具体的问题，请与我联系。