如何停止播放 HTML5 音频

Question

我有翻书风格的脚本，允许人们翻页，并且每个页面都嵌入了音频。音频设置为自动播放。但是，在加载翻书时，它会逐页播放音频。

有没有办法使用以下事件属性来控制它？

onpageshow 页面隐藏

以下是每个页面中的音频代码，每个页面都有不同的声音。

    <audio controls autoplay>
  <source src="mpthreetest.mp3" type="audio/mpeg" autoplay="true">
</audio>

我希望每个页面的音频在访问者导航到该页面时加注星标，然后在访问者离开该页面时停止。

感谢您的帮助。

Answer 1

为音频提供一个 ID

 var audio = document.getElementById("myAudio");

    function playAud() {
        audio.play();
    }

    function pauseAud() {
        audio.pause();
    }

当事件发生时调用这些函数，您将能够控制音频