2012-03-03 141 views
0

我正在使用jQuery mobile並使用HTML5音頻標記。我有一個按鈕來觸發播放頁面上的音頻。我觸發音頻播放與以下:jQuery mobile&HTML5音頻

$('#voice').live("click", function() { 
    $('#speech').trigger("play"); 
}); 

音頻標籤很簡單:

<audio src="path_to_media" id="speech"></audio> 

當頁面第一次加載音頻完美的作品,不過音頻標籤和源而不是更新的網頁上過渡,所以進入另一個頁面,使用不同的音頻和點擊播放將播放與第一頁相同的音頻文件,除非我手動刷新瀏覽器。有沒有辦法解決?

回答

0

無法指定你的問題究竟但是我同樣的事情在這裏完成:http://blog.colourbomb.net/?p=193

它在桌面上和iPhone進行罰款,但在Android上我看到你有同樣的行爲,一種解決方案是刪除來自DOM的音頻標籤,然後創建一個新的音頻標籤並注入它,爲您提供一個應該重置的音頻對象的新實例。你在哪個平臺上看到這個問題,你是否也在桌面瀏覽器中看到了這個問題?

+0

我在桌面瀏覽器上也看到了問題。我與你通過DOM刪除和重新創建音頻標籤的建議。 – 2012-04-26 07:19:08