Проблемы со звуком html5

Question

Я столкнулся с небольшой проблемой на веб-сайте, который я создаю. Проблема в том, что звук воспроизводится на домашней странице точно так же, как я хочу, но когда я перехожу к другим страницам на моем веб-сайте, а затем возвращаюсь на домашнюю страницу, похоже, ДВУХ аудиофайлов играют. Вот мой код до сих пор, чтобы иметь фоновый звук на домашней странице.

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

Можно ли без использования AJAX, или, возможно, даже JavaScript, чтобы просто сделать это аудио рестарт на домашней странице только одной песни, играя вместо одной и той же песни, играя в два раза? Любая помощь или совет очень ценится :)

Answer 1

Сделайте снимок! Он просто останавливается, сбрасывается и воспроизводит звук, когда вы приземляетесь на страницу. Убедитесь, что аудиофайл соответствует соответствующему идентификатору.

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

Answer 2

• полный рабочий демоhttp://so.devilmaycode.it/audio-problems-html5/

вы можете использовать Media Events поймать audio position смещение, хранить его где-нибудь, может быть, с помощью cookies, а затем начать с этой позиции при навигации по сайту после завершения загрузки страницы.

В демоверсии я смоделировал загрузку страницы с помощью простого setTimeout(), вы можете проверить, что музыка остановлена, а затем перезапустить, не теряя текущую позицию.

надеюсь, что эта помощь. (plunker)