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

如今HTML5一统江湖。刚发现mb.miniAudioPlayer时眼前一亮,这UI风格堪比Audio Player经典复刻,虽然色块列表都有区别,但已经算是最近似的平替了。经典jPlayer核心,兼容性也有保障,于是一番折腾完成移植,等于老插复活以新换旧。
用法还是在文中写入[mp3]文件地址[/mp3]。新版配了编辑器按钮,点击填入地址即可。用“,”号(英文逗号)可分隔多个文件地址组成列表播放,支持用竖线“|”附加4种参数:autostart(自动播放,以“=”号取值yes/no)、loop(循环播放,同上)、titles(曲名,“=”接文本)和artists(艺术家名,同上)。
想要自动读出文件中的歌名等信息(ID3标签)播放器和媒体文件必须位于同一域名服务器下,否则媒体文件所在的空间得开放跨域读取(CORS许可),一般云储存都提供相关设置,apache架构也可以在文件目录里上传如下内容的.htaccess文件开启:
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"
其中域名部分改为播放器所在网站即可。
单曲循环演示:
多曲连播演示:
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)
|



老大,js回调有点问题,切换别的页面了,音乐还是没有停止
自从这个不能用了,我好像就没放过音乐了。
老大,为什么有些typecho 主题不支持呀,打开文章播放器不见了.再换成原主题,播放器就出来了.如何解决这个问题.再一个下载链接,如何实现加密
老大 出BUG了 你QQ多少啊
我用CDN转发的HTTPS 然后插件某些JS就无法加载了 我的主题JS没问题
用本地的js地址还有问题吗?插件中的源码经过特殊压缩可能CDN又做了什么处理影响了吧
两个放在一个文章,我都可以玩一天了。。。。
两个啥。。播放器?好吧 = =
大佬,请问可以设置列表循环吗?
多曲目下用loop参数应该就能循环了
你好,我写了loop=yes,只会单曲循环,可以列表循环码?
flash版可以列表循环,html5下确实只能单曲。。查了下貌似需要配jplayer插件,有时间的话未来版本我试试弄下
好的,谢谢大佬
咨询一下,开启最新的插件后显示以下错误是怎么回事?
(index):311 Uncaught TypeError: $(...).mb_miniPlayer is not a function
at HTMLDocument. ((index):311)
at c (jquery-1.9.1.min.js:3)
at Object.fireWith [as resolveWith] (jquery-1.9.1.min.js:3)
at Function.ready (jquery-1.9.1.min.js:3)
at HTMLDocument.H (jquery-1.9.1.min.js:3)
(anonymous) @ (index):311
c @ jquery-1.9.1.min.js:3
fireWith @ jquery-1.9.1.min.js:3
ready @ jquery-1.9.1.min.js:3
H @ jquery-1.9.1.min.js:3
测试了一下,在设置中取消勾选“使用缺省播放”后,就不会出现这个错误。勾选后就会有这个错误提示。
HTML5版播放器被错误的jquery声明干扰,应该是主题或别的插件问题你可以更换排查下
自动播放标签怎么写啊大佬,小白不懂
插件设置开头的示例代码,其中autostart=yes就是开启自动播放
为什么我博客启用了插件,文章页只显示一个链接。麻烦帮忙看一下http://music.anjonl.cn/108-Music/start.html
404,不过正文的[mp3]标签应该会被替换啊
能不能支持flac啊 用flac.js
flash版只能解码mp3,html5可以自己试下,需求小我就不折腾了 = =