AudioPlayer

首页 > 用户:123855714/AudioPlayer

短 刷 阅 编 历

敬告：AudioPlayer包含JavaScript新特性、HTML5特性、CSS3特性，基于BWIKI环境使用，不支持部分过时浏览器。
当前仅支持BWIKI

×

什么是AudioPlayer

• 一言概之，AudioPlayer是一个通过CSS自定义UI的音频播放器。

• 适合用作各种游戏语音、BGM、音效等简短语音的播放。

安装

亲爱的BWIKIer，由于当前为测试版本，尚未进行高强度编辑测试，如发现Bug可与我联系，使用教程尚未制作，请您谅解。

×

• 安装必须拥有 管理员 或 小部件编辑者 权限，普通用户请跳过此章节

• 测试版本测试能正常运作后将推送给正式版本。

• 您有两种方法安装AudioPlayer

正式版

• 推荐方法：此方法安装后，能自动同步更新

1、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-section-Template 页面添加标题文字
模板扩展
注意：如果已有标题文字则跳过此步
2、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadgets-definition 页面添加标题代码
==Template==
注意：如果已有 ==Template== 标题则跳过此步
3、在==Template==标题下添加以下代码
* AudioPlayer[ResourceLoader|default]|AudioPlayer.js
4、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-AudioPlayer 页面添加以下描述
'''AudioPlayer'''：简易音频播放器。
5、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-AudioPlayer.js 页面添加以下代码
mw.loader.load("/wiki/load.php?modules=ext.gadget.AudioPlayer&only=scripts");
注意：请勿更改此代码任何内容
6、在 https://wiki.biligame.com/你管理的BWIKI/模板:Audio 页面添加以下代码
<includeonly><div class="media-audio" data-file="{{{file|{{{1|}}}}}}" data-panel="{{{panel|}}}" data-button="{{{button|}}}" data-progress="{{{progress|}}}" data-dot="{{{dot|}}}" data-bar="{{{bar|}}}" data-preload="{{{preload|none}}}"></div></includeonly><noinclude>{{面包屑|模板}}[[分类:模板]]{{模板说明}}</noinclude>

• 至此已完成安装。

测试版

• 不推荐方法：此方法安装后，无法同步更新

测试版暂不公开。

使用

• 安装成功后任何拥有编辑权限（bilibili用户组）的用户都可以使用。

• 使用音频扩展名以上传文件为准，这里的.mp3仅为展示使用方法

  {{Audio|文件:音频.mp3}}

• 更多使用方法详见：{{Audio}}

• 更新AudioPlayer，您无需做任何操作，随作者更新时即自动更新。

关于

所用技术列表

AudioPlayer使用ECMAScript 5

×

AudioPlayer基于jQuery

×

AudioPlayer使用HTML5的<audio>

×

• AudioPlayer是开源项目，遵循Apache License。

自定义设置

• AudioPlayer可通过自定义CSS控制UI。

隐私权

• AudioPlayer没有任何储存，不收集任何敏感及非敏感数据。

• AudioPlayer不对Cookie做任何操作。

• BWIKI管理员有权安装及卸载本插件。

• BWIKI用户有权启用及禁用本插件。

更新日志

2023年9月26日

• 1.1.0
  • 增加预加载设置

2021年3月16日

• 1.0.2
  • Fixed Bugs：进度条长度
  • Fixed Bugs：移动端点击播放

2021年3月14日

• 1.0.1
  • Fixed Bugs

2021年3月8日

• 1.0.0
  • 建立AudioPlayer