为typecho写的第一个插件。当年Flash大行其道,wordpress的Audio Player以其小巧的流线型动画、即时选色定制和多曲目ID3标签等支持风靡一时。

ap_cover.jpg ><

如今HTML5一统江湖。刚发现mb.miniAudioPlayer时眼前一亮,这UI风格堪比Audio Player经典复刻,虽然色块列表都有区别,但已经算是最近似的平替了。经典jPlayer核心,兼容性也有保障,于是一番折腾完成移植,等于老插复活以新换旧。

AudioPlayer_v1.2.6_thumb.png ><

用法还是在文中写入[mp3]文件地址[/mp3]。新版配了编辑器按钮,点击填入地址即可。用“,”号(英文逗号)可分隔多个文件地址组成列表播放,支持用竖线“|”附加4种参数:autostart(自动播放,以“=”号取值yes/no)、loop(循环播放,同上)、titles(曲名,“=”接文本)和artists(艺术家名,同上)。
想要自动读出文件中的歌名等信息(ID3标签)播放器和媒体文件必须位于同一域名服务器下,否则媒体文件所在的空间得开放跨域读取(CORS许可),一般云储存都提供相关设置,apache架构也可以在文件目录里上传如下内容的.htaccess文件开启:


  1. Header add Access-Control-Allow-Origin "https://www.yzmb.me"
    Header add Access-Control-Allow-Methods "GET,POST"
    Header add Access-Control-Allow-Headers "Content-Type, Authorization"

其中域名部分改为播放器所在网站即可。

单曲循环演示:

多曲连播演示:

Love Me Like You Do - Ellie Goulding
Love Me Like You Do - Ellie Goulding
La La La - Naughty Boy
Courtesy Call - Thousand Foot Krutch
内置的url地址加密可一定程度防盗链,但依然推荐用云储存或.htaccess设置相关权限。想外链QQ网易云之类可自行搜索相关API(github等),由于时效性太强现在貌似也没啥人做了。

附件 AudioPlayer_v1.2.6.zip (164.2 KB, 下载次数: 6227, 最后修改: 2018-06-27 18:31)

Changlog

1.2.6
缺省调用miniAudioPlayer;
移植配色/列表/加密等功能;
增加编辑器按钮重整文件结构。
1.2.5
修正摘要输出与feed提示。
1.2.4
优化嵌载效率并修复bug;
支持中文url和配色重置;
增加缺省可用HTML5播放。
1.2.2
增加缺省显示下载设置;
修正Markdown摘要问题。
1.2.1
增加音量与缓冲等设置;
修正Markdown链接问题。
1.2.0
使用js嵌入支持参数传递;
增加选色设置和实时预览;
新增地址加密开关设置。
1.1.0
使用object嵌入改善兼容性;
使用2.0b6内核支持多曲目;
支持颜色代码和链接替换。
1.0.0
实现mp3标签替换embed嵌入。

(Last modified: 2025-06-20 21:14)