1，下面是一個播放音樂的最簡單樣例
（controls屬性告訴瀏覽器要有基本播放控件）
原文:HTML5 - 使用<audio>播放音頻
<audio src="hangge.mp3" controls></audio>
2，預加載媒體文件
設置preload不同的屬性值，可以告訴瀏覽器應該怎樣加載一個媒體文件：
（1）值為auto：讓瀏覽器自動下載整個文件
（2）值為none：讓瀏覽器不必預先下載文件
（3）值為metadata：讓瀏覽器先獲取音頻文件開頭的數據塊，從而足以確定一些基本信息（比如音頻的總時長）
<!-- 用戶點擊播放才開始下載 -->
<audio src="hangge.mp3" controls preload="none"></audio>
3，自動播放
使用autoplay屬性可以讓瀏覽器加載完音頻文件后立即播放。（如果想用來作為背景音樂的話可以把controls屬性去掉）
<audio src="hangge.mp3" controls autoplay></audio>
4，循環播放
使用loop屬性讓音樂播放結束時，在從頭開始播放。
<audio src="hangge.mp3" controls loop></audio>
有時我們需要使用js來控制播放器實現音樂的播放，暫停。或者使用js播放一些音效。
1，通過JavaScript控制頁面上的播放器
比如把頁面上添加一個<audio>用來播放背景音樂（由於controls屬性未設置，我們是看不見播放界面的）
<audio id="bgMusic">
<source = src="hangge.mp3" type="audio/mp3">
<source = src="hangge.ogg" type="audio/ogg">
</audio>
通過pause()和play()方法可以使音樂暫停和繼續播放（結合currentTime屬性可以實現停止和重新播放）
var audio = document.getElementById("bgMusic");
//播放(繼續播放)
audio.play();
//暫停
audio.pause();
//停止
audio.pause();
audio.currentTime = 0;
//重新播放
audio.currentTime = 0;
audio.play();
2，也可以動態的創建<audio>元素
//方式1
var audio = document.createElement("audio");
audio.src = "hangge.mp3";
audio.play();
//方式2
var audio = new Audio("hangge.mp3");
audio.play();
通過canPlayType()方法可以判斷瀏覽器支持的編碼方式，從而設置對應的音頻文件。
if (audio.canPlayType("audio/mp3")) {
audio.src = "hangge.mp3";
}else if(audio.canPlayType("audio/ogg")) {
audio.src = "hangge.ogg";
}
