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

时间:2018-04-21 07:05:26

标签: javascript html cordova audio phonegap

按下按钮(HTML)时,有没有办法连续播放声音/音频文件(使用JavaScript )?

即,只要按下按钮,声音就会播放 - 一旦提起,声音停止。

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

有没有办法让它一直播放直到解除?

谢谢:)

1 个答案:

答案 0 :(得分:0)

你可以这样做:

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

代码段:

&#13;
&#13;
var vid = document.getElementById("myVideo"); 

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

function pauseVid() { 
   vid.pause(); 
}
&#13;
<!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>
&#13;
&#13;
&#13;

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