2013年3月6日 星期三

於 HTML 使用 JavaScript 撥放聲音...

當網頁中如果想讓某事件發生時,也順便發生聲音的話,可以使用下列方法....
在 <body> ....  </body> 中加入以下指令...




<bgsound id="Sound">

上面 id 值若要變換,請務必配合異動下方 function 裡面的 document.all.Sound.src 名稱。

<input type="button" id="TestSound" value="點我測試" onclick="TestSound()">

上面 id、value、值可以隨意變換,只要符合網頁程式邏輯即可。
onclick 值若要變化,請記得修改 function 名稱。

接著請於 TestSound() 的 JavaScript function 中,加入一行指令

document.all.sound.src = "DinDon.wav";

譬如

<script type="text/javascript">
function TestSound(){
document.all.Sound.src = "DinDon.wav";
}
</script>

當點下該按鈕後,即可觸發背景音效撥放。

【點我下載範例檔】

解壓縮密碼本頁網址:
http://ssworlds.blogspot.tw/2013/03/html-javascript.html

沒有留言:

張貼留言