2013-04-03 51 views
2

我有一個HTML5音頻標籤在我的網頁:設置音頻標籤currentTime的導致錯誤

<div id="audioContainer"> 
<audio id="siteAudio" src="http://myDomain.com/audio/soundFx.mp3" type="audio/flac" preloading="auto" audio="true"></audio> 
</div> 

我希望能夠從不同的起點,每次播放聲音的用戶在我的網站上按下不同的按鈕。爲點擊創建聲音fx。
我使用以下JS代碼來執行此操作:
var m_currentAudioElement = document.getElementById('siteAudio'); m_currentAudioElement.currentTime = 1.00;/*或2.00,3.00 */
m_currentAudioElement.play();

這適用於Chrome,Safari和IE(令人驚訝)。
但是,當在Opera和Firefox我上設置currentTime的命令下面的錯誤執行:「未處理的拋出:DOMException:INVALID_STATE_ERR」
任何想法,爲什麼發生這種情況?或者如何克服這一點?

非常感謝,
摩西·S.

回答

1

它斷裂了,因爲MP3音頻文件not supported in Firefox and Opera:

你需要創建<source>元素的<audio>內的音頻和使用多個的OGG版本。在上面鏈接的頁面上有一個例子(儘管是視頻,而不是音頻)。

+0

謝謝凱文。我添加了兩個來源:mp3&ogg,並且音頻可以在所有瀏覽器上使用。 僅供參考:我還在移動設備上測試了此解決方案:Android&iPhone 4S,該解決方案也可以使用。涼:) –