音頻問題html5

我遇到了我正在構建的網站上的一個小問題。問題是音頻在主頁上播放就像我想要的一樣，但是當我導航到我網站上的其他頁面時，返回主頁，似乎有兩個音頻文件正在播放。這是我的代碼到目前爲止在主頁上有背景音頻。音頻問題html5

<audio autoplay> 
    <source src="audio/sound.mp3" type = "audio/mpeg"> 
    Your browser doesn't support audio 
</audio>

是否有可能在不使用AJAX，或者甚至JavaScript來才使主頁上音頻重啓，只有一首歌播放同一首歌曲播放兩次呢？任何幫助或建議非常感謝:)

2016-07-05 Aaron

你必須發佈你的實際代碼，否則我們不能幫你。 –

這是我使用的實際代碼 – Aaron

如果你發現它播放兩次，應該是別的東西，那麼，你是如何加載網站上的網頁？ ajax呼叫？ –

給這個鏡頭！當您登錄頁面時，它會停止，重置並播放音頻。確保給音頻文件一個相應的ID。

var mySong = document.getElementById("mySong"); 
    mySong.pause(); 
    mySong.currentTime = 0; 
    mySong.play();

2016-07-05 20:22:25 will

謝謝，這是完美的答案！ – Aaron

當然可以！我只是打開你的檢查員，並確保沒有任何你添加ID的音頻播放器的重複，以防萬一。 – will

我會繼續保持這一點，因爲我繼續致謝：D – Aaron

完整的工作演示http://so.devilmaycode.it/audio-problems-html5/

您可能需要使用Media Events趕上你audio position偏移，它存儲在某處，也許使用cookies，然後開始從該位置瀏覽網站時，在頁面加載完成後。

在演示中，我通過使用簡單的setTimeout()模擬了頁面加載，您可以檢查音樂是否停止，然後重新啓動而不會丟失當前位置。

希望得到這個幫助。（plunker）

2016-07-05 20:48:52

回答