將音頻同步到圖片轉盤

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和火災的話，更多的是在文章中以上爲好。讓我知道你是否有更具體的問題。