WP-Player 一个迷你歌曲播放器,支持多歌曲播放,支持使用网易云音乐, 虾米音乐, QQ音乐, 百度音乐歌曲地址, 也支持自定义上传音乐。
./src/
为源码目录./dist/
为打包后输出目录- 请使用
./dist/wp-player/
文件夹下文件,此目录为插件目录可以打成zip
包上传至wordpress
后台
# install dependencies
npm install
# build for production with minification
npm run build
本插件仅供个人学习研究使用,请勿作为各种商业用户,音乐版权归各音乐平台所有。
Update Ver 2.6.2 (2021-12-30) @timk-lalala
- 修复 网易云音乐某些链接从http重写https的问题
- 修复 PHP 语法报错问题
- 新增 QQ音乐 百度音乐平台。
- 新增 当前歌曲不能播放,跳转至下一曲。
- 新增 随机播放歌曲功能。
- 新增 $('[data-wp-player="wp-player"]').WPPlayer('reload'); 方法,让单页面用户 可重新初始化播放器。
- 新增 $('[data-wp-player="wp-player"]').WPPlayer('destroy'); 方法,用于销毁播放器;
- 新增 歌曲列表自动滚动到中间位置,在也不用为找不到当前歌曲烦恼。
- 修复虾米,网易获取音乐失败问题。
- 修复样式问题,改善收缩列表动画问题
- 美化歌曲列表滚动条样式
- 更新 SoundManager 版本至最新版本
- 在此感谢 @metowolf 开发的 Meting 框架,为获取音乐提供了更简单的方式
- 项目地址:https://github.com/metowolf/Meting
- 此版本项目结够改动比较大,请删除插件重新安装最好
- 紧急修复因2.5.0版本导致网易云音乐不能播放问题
- 新增自定义上传歌曲支持多歌曲。
- 歌曲按一行一个填写,歌曲内容列表按歌曲名显示。
- 因考虑自定义上传将会有多条记录,所以才用一行一首歌曲来填写。
- 修正歌曲只有两首时,上一首,下一首按钮无用情况。
- 现阶段功能上已基本完成,年前将只会进行Bug修复,暂不会开发新功能。
- 如还想用2.4.2 老版本 请戳:https://github.com/webjyh/WP-Player/releases
- 修正因某些主题使用字体图标导致样式错位
- 修正某些主题下歌单不显示的问题
- 修正若干样式排版问题
- 下个版本将会入手自定义上传多歌曲功能
- 解决因关闭歌词功能导致的JS错误。
- 修正移动端最小宽度问题。
- 新增移动端播放适配(暂不支持移动端自动播放歌曲功能)。
- 因移动端的兼容性问题,自动播放功能将无法使用。
- 因歌词功能消耗较大,在移动端下将被禁用。
- 在 iPhone 6、iPhone 5s、iPhone 5、iOS 8.x+系统 测试通过。
- 在 Android 4.1+ 系统测试过能。
- 因移动端机型混杂,各大浏览器厂商也更多,难免会有意料之外的Bug。
- 修正移动端样式问题。
- 如想用 v2.3.0 老版本,可去 https://github.com/webjyh/WP-Player/releases 下载
- 紧急修复暂无歌词Bug
- 修正图片缓存问题
- 新增歌词预览功能(支持虾米和网易)
- 因歌词预览功能比较耗费资源,可在单独添加播放器时,打开或关闭此功能。
- 因获取歌词功能接口的一些特殊性,如在后台选择中未出现歌词功能,则表示当前站点暂不支持。
- 因其调取接口获取歌词在处理歌词时间上难免会有些误差(请不要太在意这些细节)
- 修正一些样式错误。
- 如想用 v2.2.0 老版本,可去 https://github.com/webjyh/WP-Player/releases 下载
- 新增网易云音乐网址的调用(支持单音乐页面、专辑页面、艺人页面、精选集[即歌单]页面)
- 因网易的接口一些特殊性,如在后台选择网站类型中没有出现网易音乐,则您当前的站点暂不支持网易云音乐。
- 其次要感谢牧风的音乐播放插件,作为参考实现了网易接口的思路。
- 在次还要感谢此文作者 https://github.com/yanunon/NeteaseCloudMusic/wiki/网易云音乐API分析
- 修正播放器请求容错处理方案。
- 去除短代码中 00:00 字样。
- 修正播放器样式问题。
- 如想用 v2.1.0 老版本,可去 https://github.com/webjyh/WP-Player/releases 下载
- 因发现最近播放器在解析虾米地址时,出现不稳定的情况,采用最新发现的虾米接口。
- 新接口将是直接调取虾米网接口,速度更快且稳定。
- 为其保险起见,怕日后虾米封其接口,如获取失败,将移交给新浪云解析。
- 去除播放器HTML中的 Loading 字样,为其前台显示更美观。
- 修正播放器样式问题。
- 修正某些情况下导致图片无法显示的情况。
- 如想用 v2.0.1 老版本,可去 https://github.com/webjyh/WP-Player/releases 下载
- 修正因接口调制后台而导致无法抓取虾米ID的问题
- 后台无法抓取将采用 新浪云来解析
- 修正播放器样式问题。
- 播放器新版扁平皮肤
- 支持虾米多歌曲播放
- 支持单音乐页面、专辑页面、艺人页面、精选集页面
- 重构虾米地址填写解析;现只需复制网址,便可自动解析虾米ID。
- 将解析虾米地址移交至插件本身
- 重构播放器JS,采用SoundManger2来管理
- 支持IE6+,FireFox,Chrome;
- 废除短代码 loop 参数
- 关闭后台无用选项设置
- 修正 弱干 Bug
- 由百度云平台解析 换至 新浪云平台
- 百度云平台解析至 2014-10月底废除,请各位小伙伴赶紧更新
- 修正jQuery后台选项无用的Bug
- 插件提交到官方 WordPress plugins 库
- 因提交到官方所以删除一些无用文件
- 由原来自带的jQuery库 修改调用WordPress自带jQuery库
- 增加百度云API,使解析虾米音乐地址更稳定
- 细节调整
- 修复Bug
- 代码重构
- 初次使用请到插件设置页面,设置虾米解析API。
- 增加皮肤选择
- 新增扁平化皮肤 具体效果查看本页面播放器
- 增加插件设定按钮
- 扁平化皮肤 只支持 Chrome 和 FireFox 游览器
- 因虾米API变动,解决获取歌曲地址问题!
- 添加根据虾米ID自动获取歌曲信息
- MeatBox 更加简洁化
##填写方法:
- WP-Player 支持网易云音乐, 虾米音乐, QQ音乐, 百度音乐平台
- 如在网易云音乐打开喜欢的歌曲页面,复制歌曲页面的网址如:http://music.163.com/#/song?id=191213
- 并将复制的网址填写到后面的表单内。音乐类型将根据网址自动做出选择。
- 点击获取音乐ID按钮,此时音乐ID出现在表单中。
- 将短代码 [player autoplay="1" random="1"] 填入您的文章内容中。
- 短代码中 autoplay 表示是否自动播放;参数"0"表示否;"1"表示是;
- 短代码中 random 表示是否随机播放;参数"0"表示否;"1"表示是;
- 支持播放歌单:单音乐页面、专辑页面、艺人页面、精选集页面。
- PS:本插件需要您的服务器或主机支持 PHP 5.4+ and Curl, OpenSSL 模块已安装。
- Tips:本插件仅供个人学习研究使用,请勿作为各种商业用户,音乐版权归各音乐平台所有 PS:一篇文章只能插入一个播放器,因为用了MetaBox获取参数,只能一篇文章使用一个。
WordPress 插件使用短代码来实现调用播放器
[player]
[player autoplay="1" random="1"]