音频问题html5



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

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

有没有可能不使用AJAX,或者甚至JavaScript只是使音频在主页上重启,只有一首歌曲播放,而不是同一首歌曲播放两次?任何帮助或建议都非常感谢:)

试试吧!当你进入页面时,它会停止、重置和播放音频。确保给音频文件一个相应的ID。

   var mySong = document.getElementById("mySong");
   mySong.pause();
   mySong.currentTime = 0;
   mySong.play();
  • 完整工作演示 http://so.devilmaycode.it/audio-problems-html5/

你可能想使用Media Events来捕捉你的音频位置偏移,将其存储在某个地方,也许使用cookies,然后在浏览网站时从该位置开始,在页面完成加载后。

在演示中,我通过使用简单的setTimeout()模拟了页面加载,您可以检查音乐停止,然后重新启动,而不会丢失当前位置。

希望这有帮助。(砰砰作响)

最新更新