使用說明:HTML5AudioPlayer

這個插件來自w:c:dev:HTML5AudioPlayer

用法

<div class="html5audio" data-file="URL-to-file">You need to enable JavaScript to play this audio</div>

可以設置的值

• data-volume —介於0.0到1.0之間的數，控制音量大小

• data-download — 是否顯示下載按鈕，正常的時候為 false不顯示，不過也可以設置為true允許

• data-preload — 要不要在頁面加載時預加載音頻，允許的值為 auto, metadata 還有none. 預設為 none.

• data-options — 這個參數可以填以下量：
  • autoplay — 是否在頁面打開的時候自動播放
  • loop — 是否洗腦循環
  • muted — 是否靜音（？

舉個例子:

<div class="html5audio" data-file="https://upload.wikimedia.org/wikipedia/commons/5/50/Chopin_Cello_Sonata_Op._65_-3.ogg" data-volume="0.7" data-download="false" data-preload="metadata" data-options="autoplay,loop">You need to enable JavaScript to play this audio</div>

不同瀏覽器支持的格式

瀏覽器	MP3	Wav	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES