WordPress浮窗音乐播放器 3.4.2
温馨提示:百度、虾米音乐全部模式已无法使用,网易、QQ、酷狗音乐可正常使用(网易用户编号的“我喜欢的音乐”无法播放,仅可播收藏的歌单),新增酷我音乐。
== 开发说明 ==
* 本插件经严格审核后已上传到WordPress官方插件库。
* 初始核心代码和前端UI来自明月浩空,初始修改来自NC影子。经过5年多的不断完善,逐步加入多项首创功能(详见下面说明),现已基本稳定。
* API支持改由@metowolf开发的Meting框架提供。
* 明月浩空收费版很好很强大可是不付费是享受不了技术支持的,本插件为Wordpress专用,完全免费。
* NC影子的修改版也免费但核心文件全部没放出来,使用的文件都在他的网站上,一旦哪天他网站崩溃了或是不想免费提供了。。。你懂的。。。
* 本插件仅供小网站播放背景音乐使用,不支持服务器本地文件播放(耗网站空间及流量),也不支持终端本地文件播放(终端的播放器N多,没必要专门开个网页来播)。
* 播放器中的歌曲全部来自各大音乐网站,因此相对应的歌曲版权归各大音乐网站所有。请支持正版音乐,支持各官方音乐网站。
== 主要工作 ==
** 自编写了获取各大音乐网站歌单、歌词和改变歌词背景颜色的API接口,本地化所有文件,加入多种常用功能。
== 主要功能 ==
= 总体功能 =
* 支持网易云音乐;
* 支持QQ音乐;
* 支持百度音乐;
* 支持虾米音乐;
* 支持酷狗音乐;
* 支持酷我音乐;New
* 支持无限歌单;
* 支持混合歌单;
* 自动获取全部资源(专辑图片、MP3、歌词、颜色等);
* 记忆功能:包括暂停/播放状态、音量及歌词模式;
* 歌单和歌曲列表滚动条自动跳至当前播放;
* 开启时展开窗体并延时后自动隐藏(可提示新进网站的游客播放器位置,首创);
* 播放器背景颜色随专辑图片的颜色变化;
* 播放器字体颜色随专辑图片的颜色变化(首创);
* 支持语言本地化(目前支持中/英文,首创);
* 支持全站SSL。
= 后台功能 =
* 音乐网站代码设置(首创);
* 可将各种音乐网址转换为代码及分类的工具条(首创);
* 添加歌曲信息到代码栏的工具条(首创);New
* 自定义播放列表名称及欢迎内容;
* 播放器自动隐藏时间设置(首创);
* 加载图标库设置(首创);
* 加载基础库设置(首创);
* 自动播放开关;
* 开启歌词开关;
* 随机歌曲顺序开关(首创);
* 随机专辑顺序开关(首创);
* 随机来源开关(首创);
* 源选择器开关(首创);
* 允许移动端播放开关(首创);
* 内置AJAX防刷新开关及设置(首创);
* 自定义CSS设置(首创)。
= 前端功能 =
* 时间模式按键(正序/倒数)(首创);
* 播放模式按键(专辑随机/完全随机/专辑顺序/单曲循环)(首创);New
* 歌词模式按键(原文/翻译/关闭)(首创);
* 源选择器按键(首创);
* 查看专辑封面图按键(首创);
* 暂停/播放按键;
* 上/下一歌曲按键;
* 上/下一专辑按键(首创);
* 静音及音量调节按键(首创);
* 歌曲进度控制条(首创);
* 歌曲下载按键;
* 歌曲列表按键。
== 开源项目 ==
= 开源模块 =
* Meting:强大的音乐API框架 https://github.com/metowolf/Meting
* Jquery:jQuery主流开发框架 http://jquery.com/
* Mousewheel:jQuery鼠标滚轮事件http://plugins.jquery.com/mousewheel/
* mCustomScrollbar:jQuery自定义滚动条样式 http://manos.malihu.gr/jquery-custom-content-scroller/
= CDN加速 =
* BootCDN:前端开源项目免费CDN服务https://www.bootcdn.cn/
= 图标 =
* Font Awesome:矢量图标https://fontawesome.com/
== 安装方法 ==
* 将文件手动上传到服务器来安装 、启用并设置。
* 全面支持网易、QQ、虾米、酷狗、百度音乐的歌单播放,具体设置方法参阅设置里的说明。
* 如果你仅仅是测试一下播放器,可以不用更改默认值。
== 注意事项 ==
* 3.1.6版本开始需要php 5.4+版本支持。
* 首次安装后需要保存一下设置。
* 本插件与同样使用Meting模块的其他插件不相容,如:Hermit X、Netease Music、WP-Player等,请只启用其中1个插件。
* 后台所有文本框选项如需清空已填内容请填入1个空格,否则无法保存。
== 常见问题 ==
= 无法正常播放怎么办? =
* 尝试在后台开启加载基础库。
* 尝试暂时关闭其他所有插件。
= 网易云音乐无法正常获取歌单 =
* 请自行更改Cookie设置。
= 播放器没正常显示图标怎么办? =
* 在后台开启加载图标库。
= 如何在播放时不被刷新打断? =
* 在后台开启AJAX防刷新。
= 为何在非登录状态下无法播放歌曲? =
* 根据非完全测试,某些AJAX插件如Advanced AJAX Page Loader会对调用Wordpress自身的AJAX造成影响,请尝试替换使用插件自带的AJAX。
= 我的网站的播放按钮位置不居中或字体过大/过小怎么办? =
* 在后台自定义CSS里按示例进行调整。
== 修订历史 ==
= 3.4.2 =
* 更新jquery、Font Awesome。
= 3.4.1 =
* 更新Meting框架至1.5.12。
= 3.4.0 =
* 更新Meting框架至1.5.11。
* 更新后台设置。
== 音乐网站代码获取说明 ==
= 网易云音乐 =
用户编号(ID)模式:可直接导入已收藏的歌单、专辑等。
登录后移动鼠标到用户名上点击“我的主页”
如下图格式网址最后的数字就是用户ID(编号)(后台需要输入的数据)
注意如果在主页直接点“我的音乐”,获取的下图格式的数字并不是用户ID
添加数据很简单,去到任意专辑或歌单,点击如图按键收藏即可
由于网易云音乐多次封禁本站所使用的 cookie,因此本站将不再做 cookie 的更新工作。
请用户自行采集 cookie,在设置页面的网易云音乐ID下面的空格内进行替换。
下面给出一点提示,自由发挥:
os=pc; osver=Microsoft-Windows-10-Professional-build-10586-64bit; appver=2.0.3.131777; channel=netease; __remember_me=true
MUSIC_U=*****; buildver=1506310743; resolution=1920x1080; mobilename=MI5; osver=7.0.1; channel=coolapk; os=android; appver=4.2.0
osver=%E7%89%88%E6%9C%AC%2010.13.3%EF%BC%88%E7%89%88%E5%8F%B7%2017D47%EF%BC%89; os=osx; appver=1.5.9; MUSIC_U=*****; channel=netease;
= 网易音乐 / QQ音乐 / 虾米音乐 / 百度音乐 / 酷狗音乐 =
该几种音乐都可以混合输入专辑、艺人和歌单3种格式歌单
– 专辑 –
点击进入各网站的专辑,获取以下格式网址
– 艺人 –
直接使用格式:艺人名字*歌曲数量*2
注意:歌曲数量越大,加载越慢,建议100以下。
– 歌单 –
点击进入各网站的分类歌单(QQ)/歌单(虾米/百度/酷狗),获取以下格式网址
得到以上格式的专辑/歌单的网址后直接完整复制到后台里的工具条,点击按键后可得到相关信息并自动填充到下面工具条,把名字补充完整,即可一键把完整信息添加到代码栏。
== AJAX设置说明 ==
按官方标准设计的主题(典型的就是默认的20XX主题)可以无需修改直接使用,非标主题需要自行修改使用,某些特殊的主题(例如每个页面的内容都使用不同ID的)无法使用。
** 网站文章的容器ID名称:此项必须正确以保障正常运行,其余都是非必须的,设错亦无关系
* 编辑所用主题的index.php文件
* 在一个php标签中找到包含以下内容的“div”标签:“if (have_posts()):while (have_posts()):the_post();”(可能会分行)。
* 如果此“div”标记没有指定唯一的ID则为其进行指定如”content”,把这个已有或新指定的ID名填进此项设置里
** 网站搜索框的容器名称:
* 编辑所用主题的searchform.php文件
* 记录下里面表单(form)的名称(如class=”searchform”就是searchform),填进此项设置里
** 例外链接格式:也就是要用新窗口打开,如用到了http://x.example.com或http://xy.example.com这样的子域名,就可以加上”/x”
** 文章标题所在位置:页面的窗口标题需提取文章标题,可查看页面的源代码,搜索”h1″看你的文章标题在第几个后面(”/h1″不算),例如本站就是第2个
== 本地化设置说明 ==
支持语言本地化,原生英文,带有中文库(可自行制作其他语言po/mo文件)。
Wordpress 4.0以上可在仪表盘-设置-常规里选择适合的语言,则可改为对应语言。
英文版演示:http://blog.ericz.tk/
== 已知BUG ==
** 安装在国外服务器将受地区版权限制无法使用虾米音乐;
* 百度歌曲地址获取不完善,仍有部分获取失败;
* 偶尔控制键点击无效,按“~”键播放/暂停后可恢复;
* 为安全调用了WordPress的AJAX功能,访问后台时不能强制使用SSL(https,前端无影响),否则无法获取歌单;
* 付费 / 版权歌曲可能无法播放。
== 下载 ==
** 转载、修改请保留版权相关信息,谢谢!
* 只保留最新版,请勿作无意义评论,垃圾评论会被自动屏蔽哦~
* 保存cookie(时间长或换机器会失效)或是用社会化(QQ、微博等,推荐使用)登录,只需评论一次,以后新版本无需再评论可见密码。
最新版:3.4.2New
https://pan.baidu.com/s/1bCWMVJLfL6rivJjo9l4-3g?pwd=4y9c
提示:此处内容需要评论本文后才能查看。
= 关于更新提示429 =
建议下载安装插件Kill 429: https://www.wbolt.com/plugins/kill-429
== 关于回复可见 ==
多位用户反映回复不可见密码,经测试后发现是WordPress升级4.9.6后,新增的记录评论Cookie功能(默认不记录),必须在下图位置点击勾选(颜色会不太清楚,点击一下即可),方可成功。
WordPress官方插件库地址:https://wordpress.org/plugins-wp/floating-window-music-player/
也可在后台搜索Floating Window Music Player直接安装。
== 感谢打赏 ==
花开花落
《WordPress浮窗音乐播放器 3.4.2》有1,195个想法
好好好好好好
好好好好好
感谢!
妈咪妈咪轰。。。密码出来!
v v v 顶顶顶
测试
感谢分享
妙妙妙
妙妙妙
感谢
这条评论是拿来看密码的
感谢
支持
感谢大佬分享,大佬辛苦了。
评论啊啊啊啊都
哈哈哈哈哈哈651
感谢感谢
可以学习学习
膜拜大佬
请问大佬这个如何设置专辑里面音乐数量呢
pjax开启后不能进入新页面 只停留在本页面
kan mima
好好好
搞什么呀。永远都是歌单载入中?
看一下呀。
看一下哦。
楼主辛苦了
膜拜大佬
这条评论是拿来看密码的~~
AJAX防刷新自己总做不好,终于有集成的了
没用啊 怎么回事
感谢大佬制作分享。请问那个自动播放怎么设置,我设置下面开启了自动播放,但是进站好像并没有自动播放。
感谢
meyong
感谢
感谢大佬
谢谢大佬
帮大忙了!
谢谢分享
感觉很牛批
感谢分享
xiexie
感谢作者无私分享!
感谢分享
感谢大大的辛苦付出,遇到一个问题.左上角的提示背景太大了,请问下这块是在哪一部分修改呢.(我太菜了,CSS找了半天都没找到)
FwmTips
您好,感谢您辛苦做的插件。不过目前有个小问题。在AJAX防刷新打开的情况下,文章的中的锚连接会失效。请问目前有解决方案吗。
你这是ID没设对 请根据文中AJAX设置说明进行设置
目前使用的ID所在的div的内层div中能包裹住内容区域的div都没有ID,最接近其的父div直接就把侧边栏也包括了。所以目前的容器ID应该是没问题的。感觉可能是ToC插件“内容目录”不兼容或者是主题“Hueman Pro”不兼容。您可以去我网站打开个文章了解下详细情况,网址是邮箱域名前加上blog子域。非常感谢!
我注意到ajax页内跳转好像也是通过锚点完成的,是不是和ToC的锚点冲突了?
开启插件后和主题插件ico有冲突 主题ico不能显示
为什么我想调节音量的时候,鼠标移到音量条,音量条还是会消失
播放菜单交互逻辑比较不合理,二级菜单让体验大打折扣
换成专辑或歌单名跟具体歌曲同一页面
比如左边是歌单右边直接显示具体歌曲列表
点击其他歌单名右边刷新对应歌曲。这样比较符合小巧和简洁实用的播放器特性
这只是你个人的喜好,不能叫逻辑不合理吧?
同屏显示歌单和列表,你觉得这叫小巧??显示界面起码得大一倍!
可以考虑上下布局,上面一个下拉列表放歌单列表,下面放对应歌曲列表如何?
好的
膜拜大佬
太厉害了!
666666666666好
感谢大佬分享,大佬辛苦了。
膜拜大佬
感谢!支持!