如何停止播放 HTML5 音频

Posted 2023-02-25

【中文标题】如何停止播放 HTML5 音频

【英文标题】：How to stop HTML5 Audio from playing

【发布时间】：2018-03-04 19:13:50

【问题描述】：

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

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

onpageshow 页面隐藏

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

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

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

感谢您的帮助。

【参考方案1】：

为音频提供一个 ID

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

    function playAud() 
        audio.play();
    

    function pauseAud() 
        audio.pause();
    

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

【讨论】：

感谢您的回复。我没有编程背景，但我会尝试。

您有什么方法可以帮助我提供页面的实际代码吗？我不知道我在做什么。谢谢。

当然可以请您分享代码或上传到jsfiddle.net，如果您喜欢它，请投票并标记为答案

我不知道该分享什么...它是 Wordpress 的翻书插件。