Help: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 |