折衷的解決方式,可先暫停播放,再將目前播放位置 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)
補充:
-
HTML5 audio 語法
<audio src="ringing.mp3" controls autoplay loop> HTML5 audio not supported </audio>
-
各瀏覽器聲音檔格式支援
Browser MP3 Wav Ogg Internet Explorer YES NO NO Chrome YES YES YES Firefox YES YES YES Safari YES YES NO Opera YES YES YES Edge YES YES NO
參考:
http://www.w3schools.com/html/html5_audio.asp
http://textopia.org/androidsoundformats.html
http://html5test.com/
沒有留言:
張貼留言