如何停止 HTML5 的音频标签播放的音频

Posted

技术标签:

【中文标题】如何停止 HTML5 的音频标签播放的音频【英文标题】:How to stop audio played by audio tag of HTML5 【发布时间】:2010-08-25 14:34:34 【问题描述】:

我是 html5 新手,我正在探索 HTML5 功能。在那里我遇到了音频标签。 我用它编写了代码来播放声音文件。 我对这个标签有一个问题。单击按钮时,我想更改停止前一个的声音文件。 我搜索了很多,但没有找到任何东西。 请帮我停止音频标签播放的声音。 这是我的代码;

  try
  
       if(MyAudio != undefined)
       
          MyAudio = null;
       
       MyAudio = new Audio("filename");
       MyAudio.play();
  
  catch(v)
  
    //alert(v.message);
  

【问题讨论】:

【参考方案1】:

试试这个:

  try
  
       if(MyAudio != undefined)
       
          MyAudio.pause();
       
       MyAudio = new Audio("filename");
       MyAudio.play();
  
  catch(v)
  
    //alert(v.message);
  

【讨论】:

刚试过,它工作正常(在 Chrome 上),没有使用暂停。只需更改 SRC 停止广告即可重新启动声音而不会出现延迟。 你知道那是一种丑陋的方法【参考方案2】:

正如此提示中所述:HTML5 Audio stop function,更好的解决方案可能是:

var sound = document.getElementById("audio");
sound.pause();
sound.currentTime = 0;

【讨论】:

以上是关于如何停止 HTML5 的音频标签播放的音频的主要内容,如果未能解决你的问题,请参考以下文章

如何停止播放 HTML5 音频

HTML5 音频:如何快速停止和重新启动剪辑?

在 HTML5 中使用音频标签时如何避免主播重新播放音乐?

暂停视频不会停止 html5 视频标签中的音频

HTML5 audio 如何实现播放多个MP3音频

如何使用 javascript 控制 HTML5 音频标签