音频问题html5

Question

我在我正在建设的网站上遇到了一个小问题。问题是音频在主页上播放正常，就像我想要的那样但是当我导航到我网站上的其他页面然后回到主页时，似乎有两个音频文件正在播放。到目前为止，我的代码是在主页上显示背景音频。

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

是否可以不使用AJAX，甚至是JavaScript，只需在主页上重启音频，只播放一首歌而不是同一首歌播放两次？非常感谢任何帮助或建议：）

Answer 1

给它一个机会！当您登陆页面时，它会停止，重置并播放音频。确保为音频文件提供相应的ID。

   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）