• 正在查找将来过去时的官方设定集?不如看看万界大百科吧!
  • 《将来过去时》第一部分 现在 魔科纪元的少年少女 即将正式发布!
  • 让我偷偷看一眼小鱼君的博客……
  • 服务器已成功迁移到 阿里云(杭州)

“Help:HTML5AudioPlayer”的版本间的差异

来自小鱼君和他的朋友们
(//Edit)
 
(导入1个版本)
 

2019年9月4日 (三) 23:44的最新版本

这个插件来自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