javascript - 按下按钮时连续播放声音JavaScript

标签 javascript html cordova audio phonegap

按下按钮(HTML)时,是否可以连续播放声音/音频文件(使用JavaScript 进行)?

也就是说,只要按下按钮,声音就会播放-解除声音后,声音就会停止。

我已经可以播放onclick声音了-但很明显,声音会在x秒后停止。

有什么办法可以让它继续播放直到解除?

谢谢 :)

最佳答案

您可以按照以下方式进行操作:

<button onmousedown="playVid()" onmouseup="pauseVid()" type="button">Play Video</button>

代码段:

var vid = document.getElementById("myVideo"); 

function playVid() { 
   vid.play(); 
} 

function pauseVid() { 
   vid.pause(); 
}
<!DOCTYPE html> 
<html>
   <body>
      <button onmousedown="playVid()" onmouseup="pauseVid()" type="button">Play Video</button>
      <video id="myVideo" width="320" height="176">
         <source src="mov_bbb.mp4" type="video/mp4">
         <source src="mov_bbb.ogg" type="video/ogg">
         Your browser does not support HTML5 video.
      </video>
      <p>Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
   </body>
</html>


您可以使用link尝试此操作。

关于javascript - 按下按钮时连续播放声音JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49953289/

相关文章:

javascript - 单选按钮在控制台中返回 document.getElementById(...) 为 null

javascript - 如何防止 iframe 在缩放时重新调整大小

Android:使用 ACTION_SEND Intent 发送 HTML 文本

javascript - ajax POST 成功后更新 ember 数据存储

javascript - 将字符串转换为整数并获取两个数字的百分比

javascript - 在命令提示符下安装 npm

css - select 标签在 Firefox 中比在 Chrome 中低一个像素

cordova - Phonegap本地音频无法播放-尝试一切都没有运气

ios - 如何通过 Windows Intune 分发 IPA

ios - Phonegap iOS 链接到文件系统中的文件