將音頻同步到圖片轉盤

Question

是否可以在不使用畫布的情況下將音頻同步到圖片轉盤？ 我目前正在使用setInterval來實現旋轉木馬。 我不想使用Flash，並且如果可能且不太難實現，我希望在沒有畫布的情況下執行此操作。

Answer 1

你嘗試過畫布嗎？

假設您正在使用<audio>元素，則可以獲取其currentTime屬性。 這將告訴您播放頭在哪里。 您可以使用此信息在音頻通過某個位置時更改轉盤，或者可以設置為在轉盤更改時更改音頻位置。 無論哪種方式都能更好地滿足您的工作需求。

Answer 2

意識到輪播是什么意思？

當您要顯示圖像時，我將設置特定的時間戳。 因此，您想在12秒后顯示圖像。

您可能還需要確保已加載音頻。 您可以使用canPlayThrough來檢查並查看是否加載了足夠的canPlayThrough以進行播放，也可以使用audio.buffered.end(0)來檢查音頻文件的長度並確保已加載整個內容。

這是一篇很好的文章，內容更多： http : //html5doctor.com/html5-audio-the-state-of-play/

加載音頻后，您將調用一個函數並傳入時間戳並將其設置為setInterval時間。 因此，在timestamp * 1000該函數將觸發並顯示在該時間戳處傳遞的圖像。

您還可以嘗試使用audio.currentTime並觸發，然后在上面的文章中對此進行更多介紹。 讓我知道您是否還有更具體的問題。