2015年11月15日 星期日

使用jQuery支援所有瀏覽器播放音效

首先要準備音效檔,因為要支援幾乎所有的瀏覽器,所以我們要準備三種格式的音效檔:
music.ogg
music.mp3
music.wav

然後將支援三種音效格式的audio元件注入:
$(function()
{
    $('<audio id="myAudio"><source src="music.ogg" type="audio/ogg"><source src="music.mp3" type="audio/mpeg"><source src="music.wav" type="audio/wav"></audio>').appendTo('body');
});

在要播放的時候執行以下呼叫:
$('#myAudio')[0].play();  //myAudio為注入audio元件時設定的id

沒有留言:

張貼留言