2016年5月9日 星期一

JavaScript 控制 Audio 物件停止播放

HTML5 audio 物件,沒有 stop() 停止播放的方法。
折衷的解決方式,可先暫停播放,再將目前播放位置 currentTime 設回起點。
效果便跟停止播放一樣。

範例:
<script type="text/javascript">
var snd = new Audio("bell.wav");
snd.loop = true; //設定循環播放

//停止
function myStop(){
    snd.pause();
    snd.currentTime = 0;
}
</script>
<input type="button" value="播放" onclick="snd.play()">
<br>
<input type="button" value="暫停" onclick="snd.pause()">
<br>
<input type="button" value="停止" onclick="myStop()">


參考:
HTML5 Audio stop function - Stack Overflow
<audio> - HTML | MDN.
使用 JavaScript 控制 Audio 物件 (Windows)
audio element | audio object (Internet Explorer)


補充:

沒有留言:

張貼留言