留意下这篇文章的发布时间,你会发现它就是七年前我为typecho所做的处女之插……那时HTML5尚未大行其道,使用flash ActionScript2.0写的Audio Playerwordpress上几乎是音频播放标配:流线型的动画设计,多达15项色彩定制,支持ID3及多曲目切换等,时至今日其改装版仍见于国内外一些播客平台中,随点击展开的旋律也成为老博主们分享音乐の初情怀。

ap_cover.jpg

然而长江后浪推前浪T^T如今各种js特效加持的云端播放器以跨平台之势席卷而来,AudioPlayer能做的也只有回光返照的最后一更了~但绝不会让痴情的老恋人们失望:后台8项设置+动态选色demo,前台js智能嵌载+HTML5缺省支持,还有多家云音乐API帮你收集在此——要听歌,要简单清爽?你还有这最后却也可能是最好的一款选择:

AudioPlayer_v1.2.4_thumb.png

依然,在文中写入[mp3]文件地址[/mp3]发布就能看到她了。用,号隔开多个地址,|号隔开4种参数:autostart(自动播放)、loop(循环播放)、titles(曲名)和artists(艺术家名)。
文件在自家储存或服务器允许跨域读取ID3标签的情况后两种参数可不必自写,如七牛等静态空间在根目录上传以下内容的crossdomain.xml文件即可开启跨域许可:

  1. <?xml version="1.0"?>
  2. <cross-domain-policy>
  3.     <allow-access-from domain="*"/>
  4. </cross-domain-policy>

如果是动态主机上请务必把*号改成唯一允许的自己的域名,以免造成安全问题。

单曲循环演示:

多曲连播演示:

过去自传文件最怕被盗链消耗流量,对此插件内置的url加密功能可有效防范(新版兼容中文路径但注意HTML5不支持加密)。现在各大音乐平台收录全面,百度也早已放弃mp3抓取,云储存更巴不得用户多传点流媒体大文件发挥其效能,更有民间高手四处打通API……弄几条外链已不再是难事。

在此推荐两个github上维护的云音乐API:一个是MusicCafe提供的网易、虾米和QQ音乐外链获取方法,如访问https://musicafe.co/api/get/song/netease?id=17378535看到的数据,其中参数netease可改xiami或qq,id用平台歌曲页面url中显示的即可。
Meting版API还额外支持百度及酷狗,演示地址可以直链:如https://music.i-meto.com/api/url?site=netease&id=17378535作为mp3地址放进标签即可播放,改参数与上同理。

API没整合进插件一方面为了保持精简,另一方面考虑其不被官方支持可能具有时效性,哪天不好用了大家自己再找找就好。:)

插件更新到这一版也算是完美落幕了(除非10年就停更的原作诈尸..真希望作者能用js重现UI啊),希望大家用得开心~也别忘支持羽中的其他插件作品,thx!

attachment AudioPlayer_v1.2.5.zip (45.3 KB, 下载次数: 4084, 最后修改: 2017-02-04 14:30)

Changlog

1.2.5 修正摘要输出与feed提示。

1.2.4 优化嵌载效率修复bug; 支持中文url和配色重置; 增加缺省可用HTML5播放。

1.2.3 修正JWPlayer标签冲突。

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: 2017-02-15 19:02)