之前介绍过 1.0:https://www.wpdaxue.com/wp-player.html ,今天说的是 2.0。
在线预览
Demo:http://webjyh.com/wp-player/
WP-Player介绍专区
此次升级进行了整体的重大重构,页面音乐播放器js,后台MetaBox输入方式,插件结构等等。
- 改写了获取虾米ID的方法;直接输入网址即可获取虾米ID和对应的音乐类型;
- 支持 单音乐页面、专辑页面、艺人页面、精选集页面(也可自己创建精选集);
- 支持多歌曲播放;完全兼容以前老版本短代码;
- 完美支持 IE6+,FireFox,Chrome 浏览器;
- 废除了短代码中的 loop 参数;
- 将解析虾米地址移交至插件本身处理;
- 关闭后台无用选项设置;
- 支持后台自定义上传音乐文件或音乐外链;
使用方法专区
- 在虾米网打开喜欢的歌曲页面,复制歌曲页面的网址如:http://www.xiami.com/song/2078022……
- 并将复制的网址填写到WP-Player的表单内。音乐类型将根据网址自动做出选择。
- 点击获取音乐ID按钮,此时音乐ID出现在表单中。
- 将短代码 [player autoplay=”1″] 填入您的文章内容中。
- 短代码中 autoplay 表示是否自动播放;参数”0″表示否;”1″表示是;
- PS:建议使用网址来获取音乐ID。
插件依赖专区
- 需要 jQuery 1.7+ 版本库,如主题使用的jQuery 版本过低,请升级至 1.7+版本。
需要当前主机支持 PHP simplexml_load_file() 函数,此函数用于抓取虾米音乐数据。- v2.0.1 版本如主机不支持,将采用新浪云解析。
注意事项专区
- 一篇文章只能设置一个播放器。
- 为了用户体验,在文章详细页面中 自动播放 才会启用。首页和列表员设置将无用。
- 因插件需要依赖 jQuery,如主题缺少jQuery;需在后台WP-Player设置中选用;
- 如同时设置 虾米ID 和 自定义上传音乐,将优先采用虾米ID解析。
图片预览专区
插件下载专区
- 通过 WordPress 后台插件管理 => 安装插件 => 搜索插件 => WP-Player => 点击安装插件
- 官网下载 https://wordpress.org/plugins/wp-player/ 上传插件 => 安装插件
虾米ID获取扫盲专区
- 单首歌曲网址,一般网址中将包含 **song** 字符;
- 专辑页面网址,一般网址中将包含 **album** 字符;
- 艺人页面网址,一般网址中将包含 **artist** 字符;
- 精选集页面,一般网址中将包含 **collect** 字符;
- 关于虾米精选集的制作,在制作时,一定要设置为所有人可见,这样才能获取到歌单;
开发者专区
- 因为考虑到插件加载的性能,所以插件中的代码全都压缩了。
- 源码我托管在 GitHub 中,有需要参考的请上 https://github.com/webjyh/WP-Player
- 音频播放采用 SoundManager2 来管理,顺便求 GitHub 项目 Star;
关于问题反馈
- 作者:M.J
- Blog留言:http://webjyh.com
- 微博留言:https://weibo.com/webjyh/home?wvr=5
来源:
https://www.wpdaxue.com/wp-player-2.html