幫助: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 |
