今晚閑着無聊，就鼓搗了下html5播放器，總共試了幾個開源api，最后找到了audio.js，最后有了一點點小經驗，記錄一下
1.github下載js:http://kolber.github.io/audiojs/
2.解壓文件夾至任意目錄
3.新建一個html文件。這里我是直接在js文件內部新建的文件
4.編寫html
1）按照官方的指導：首先要包含它的js文件，就是在html文件中包含它,這里需要注意自己的js相對於html的位置
<script src="audio.min.js"></script>
2）初始化audio.js文件
<script> audiojs.events.ready(function() { var as = audiojs.createAll(); }); </script>
3）編寫自己的代碼。這里我找到的官方的實例，簡單的修改了一下，所以最終代碼是
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>audio.js</title> <script src="audio.min.js"></script> <script> audiojs.events.ready(function() { var as = audiojs.createAll(); }); </script> </head> <body> <p>Url file</p> <audio preload="auto"> <source src="http://bbsimg.shangdu.com/UserFiles/File/4982/1887/1840/1236694485905.mp3"> </audio> <p>Load local file</p> <audio preload="auto"> <source src="xxx.mp3"> </audio> </body> </html>
5.代碼編寫完畢，接下來就是測試了.下面的就是效果圖：
測試發現url文件緩沖極慢，因此此api不適用於播放網絡歌曲，最好是用來播放本地文件
6.補充：下面的兩段代碼效果一樣
<audio src="xxx.mp3" preload="auto" />
<audio preload="auto"> <source src="xxx.mp3"> </audio>
7.preload的4個參數：
1)none:無
2)auto:默認
3)autoplay：自動播放 直接在src后面加 auto ，不是proload=“autoplay”
4)loop：循環 同上