不過是全英文的
在此簡單的紀錄一下簡易的audio播放教學
從w3school中可以找到audio tag的用法
不過並沒有操作的部分
以下簡單介紹如何撥放音樂囉
首先當然要先在網頁中加入audio的元素
<html> <head> <script type="javascript" src="jquery-1.7.1.min.js"></script> </head> <body> <audio id="ring"> <source src="ring.wav" type="audio/wav" /> Your browser does not support the audio element. </audio> </body> </html>
第3行 至jquery library的位置
第6~9行為我們主要audio的元素
好了這樣你的網站就已經是HTML5了優XD
接下來是利用jquery控制的部分
<script>
$("#ring").get(0).play();
</script>
由於我裡面只有一首
所以用get(0)，若是多個音效檔的話是index=0開始
整合在一起的話加上一些判斷式如下：
<html>
<head>
<script type="javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<div id="sw" class="sound_on">
</div>
<audio id="ring">
<source src="ring.wav" type="audio/wav" />
Your browser does not support the audio element.
</audio>
<script>
if($("#sw").hasClass("sound_on"))
$("#ring").get(0).play();
</script>
</body>
</html>
這樣就完成了
當某事件需要發出聲音時就播放ring.wav
這個網誌上還有許多是以jQuery動態產生tag的方式
因為就主要是jQuery控制部分，我就不多說了~
沒有留言:
張貼留言