HTML5音頻 - 進度條

Question

我想在HTML5中製作MP3播放器。幾乎所有的工作都完成了，但我需要的是我想從<audio>標記中替換默認控件並創建自己的控件。簡單的控制，如播放，暫停，停止和音量都已完成，但我想製作一個進度條，用於跟蹤音頻/ MP3的持續時間，當我點擊相關位置時，會進入音軌的特定位置。就像下面例子中的那個一樣。

http://msdn.microsoft.com/en-us/library/ie/gg589528(v=vs.85).aspx

這裏的事情是，在上面的例子中，文件/ MP3已經加載和我其實用document.createElement("audio");

創建音頻元素。當我試着用不同的方式來改變上述例如我主要得到一個錯誤「無法調用null的方法addeventlistener」。我希望這個播放器在Chrome上運行。

在此先感謝您的支持和幫助。

Answer 1

在本教程中，我寫了一個進度條示例：Working with HTML5 multimedia components – Part 3: Custom controls。對於動態創建的audio元素，調用等應該是相同的。

但是，是的，你正在做的一些代碼示例將是有用的。