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

Question

有什么方法可以在按下按钮 (HTML) 时连续播放 sound/audio 文件（ 使用 JavaScript）？

也就是说，只要按下按钮，就会播放声音 - 一旦抬起，声音就会停止。

我有声音可以在点击时播放 - 但显然它会在 x 秒后停止。

有什么方法可以让它一直播放直到解除吗？

谢谢 :)

Answer 1

您可以像下面这样操作：

<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

Play sound continuously when button is pressed JavaScript

html

javascript

audio

cordova

phonegap