菜单


WordPress浮窗音乐播放器 3.4.2

2022年2月4日 - 音乐


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。
* 更新后台设置。

查看更多107个修订历史 展开/收缩

== 音乐网站代码获取说明 ==
= 网易云音乐 =
用户编号(ID)模式:可直接导入已收藏的歌单、专辑等。
登录后移动鼠标到用户名上点击“我的主页”
wy4
如下图格式网址最后的数字就是用户ID(编号)(后台需要输入的数据)
wy1
注意如果在主页直接点“我的音乐”,获取的下图格式的数字并不是用户ID
wy2
添加数据很简单,去到任意专辑或歌单,点击如图按键收藏即可
wy3
由于网易云音乐多次封禁本站所使用的 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个
20160920224611063

== 本地化设置说明 ==
支持语言本地化,原生英文,带有中文库(可自行制作其他语言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 429https://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个想法

1

好好好好好好

回复
1

好好好好好

回复
    TR

    妈咪妈咪轰。。。密码出来!

    回复
abc

感谢分享

回复
abc

这条评论是拿来看密码的

回复

感谢大佬分享,大佬辛苦了。

回复
等我

评论啊啊啊啊都

回复
单位

哈哈哈哈哈哈651

回复
zzz

感谢感谢

回复
江河没有风

可以学习学习

回复
bing

膜拜大佬

回复
leafsunshin

请问大佬这个如何设置专辑里面音乐数量呢

回复
刁兆阳

pjax开启后不能进入新页面 只停留在本页面

回复
黎明

kan mima

回复
萌萌喵

搞什么呀。永远都是歌单载入中?

回复
mrhuang

楼主辛苦了

回复
    学渣实验室

    这条评论是拿来看密码的~~

    回复
一梦江湖

AJAX防刷新自己总做不好,终于有集成的了

回复
    111

    没用啊 怎么回事

    回复
slena

感谢大佬制作分享。请问那个自动播放怎么设置,我设置下面开启了自动播放,但是进站好像并没有自动播放。

回复
ml

感谢大佬

回复
ml

谢谢大佬

回复
NEo

帮大忙了!

回复
公子

谢谢分享

回复
公子

感觉很牛批

回复
Victor Cao

感谢分享

回复
xiaochen

xiexie

回复
yu

感谢作者无私分享!

回复
yu

感谢分享

回复
柚子茶

感谢大大的辛苦付出,遇到一个问题.左上角的提示背景太大了,请问下这块是在哪一部分修改呢.(我太菜了,CSS找了半天都没找到)

回复
J

您好,感谢您辛苦做的插件。不过目前有个小问题。在AJAX防刷新打开的情况下,文章的中的锚连接会失效。请问目前有解决方案吗。

回复
    eric

    你这是ID没设对 请根据文中AJAX设置说明进行设置

    回复
      J

      目前使用的ID所在的div的内层div中能包裹住内容区域的div都没有ID,最接近其的父div直接就把侧边栏也包括了。所以目前的容器ID应该是没问题的。感觉可能是ToC插件“内容目录”不兼容或者是主题“Hueman Pro”不兼容。您可以去我网站打开个文章了解下详细情况,网址是邮箱域名前加上blog子域。非常感谢!

      回复
      J

      我注意到ajax页内跳转好像也是通过锚点完成的,是不是和ToC的锚点冲突了?

      回复
快乐源

开启插件后和主题插件ico有冲突 主题ico不能显示

回复
Special Fox

为什么我想调节音量的时候,鼠标移到音量条,音量条还是会消失

回复
首席体验师

播放菜单交互逻辑比较不合理,二级菜单让体验大打折扣
换成专辑或歌单名跟具体歌曲同一页面
比如左边是歌单右边直接显示具体歌曲列表
点击其他歌单名右边刷新对应歌曲。这样比较符合小巧和简洁实用的播放器特性

回复
    eric

    这只是你个人的喜好,不能叫逻辑不合理吧?
    同屏显示歌单和列表,你觉得这叫小巧??显示界面起码得大一倍!

    回复
      J

      可以考虑上下布局,上面一个下拉列表放歌单列表,下面放对应歌曲列表如何?

      回复
陈仙子

太厉害了!

回复
萌汉药

感谢大佬分享,大佬辛苦了。

回复
bingo

膜拜大佬

回复
我要冰阔落

感谢!支持!

回复

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注