菜单


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个想法

夏五十四

为什么不显示密码呢

回复
夏五十四

获取密码

回复
夏五十四

测试一下

回复
yicihanshu

大佬!

回复
fsy

可以试试看

回复
小天

3.4版本bug:启用后能正常播放,但点击网站的所有连接,点完之后不跳转,点完后必须在网址栏回车才会跳转。

回复
    eric

    你的ajax设置没设对

    回复
rubin

大佬为什么我用这个音乐播放器插件,主页正常,进入发布的文章页面布局就发生了变化,十分感谢

回复
    eric

    CSS有冲突了吧

    回复
    rubin

    大佬为什么我用这个音乐播放器插件,主页正常,进入发布的文章页面布局就发生了变化

    回复
VirginiaCherrill

have a try!

回复
  • Pingback 引用通告: 建站历程总结 – 水-Water

  • Pingback 引用通告: 建站历程(3)插件添加 – 水-Water

  • 链接

    试试看

    回复
    为了

    设定法国红酒看来

    回复
    而非个

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

    回复
    pencail

    设置了自动播放,但是进网站之后·有时候不会自动播放

    回复
    小不为

    评论了密码也看不到有啊

    回复
    小不为

    非常不错的一款播放器

    回复
    大驴子

    ui确实挺好看的

    回复
    666

    播放不了了,中午还好好的

    回复
    UE5

    兄弟,需要视频帮助啊,防刷新不行

    回复
      eric

      这个防刷新是我搬运回来的早期最简单版本,设置方法都在说明里了,实在不行就可能是主题或是插件冲突的硬伤了。

      回复
    saber

    大佬好啊,目前的ajaxload模块在Chrome会有标题切换的问题
    代码如下:
    Uncaught TypeError: Cannot read property ‘split’ of undefined
    at Object.success (ajaxload.js?ver=3.4.0:71)

    出现问题相关代码在ajaxload.js 的
    titles = data.split(”)[0];
    中data会为null

    回复
      eric

      我测试了我的网站在Chrome没问题,所以是设置不正确或是主题、插件等有冲突。

      回复
    小白

    小白来啦!!!

    回复
    运河公园

    如果能够添加播放器至文章代码调用那就更好啦,插件和Hermit冲突

    回复
    马大爷

    谢谢作者大大

    回复
    Saber

    大佬好啊,我用的是WordPress5.8,用的是QQ音乐歌单,不是付费音乐,但是总是显示获取失败是咋回事啊,求大佬帮忙!

    回复
      Saber

      解决了,我的是套了CF的CDN,把云朵点黑就好了

      回复
    路人A

    楼主是真的6!我看了其他免费的播放器插件都没有你的功能强大方便又好用。本人是网页编辑方面的小白,一些页面的ajax加载似乎会受播放器影响而无法正常运作,如果方便的话想请教一下这方面的ajax防刷新设定该怎么调才不会跟其他插件有冲突?

    回复
      路人A

      还有网易云的歌单功能是可以用,但是每个歌单只会显示前10首歌曲,热歌榜之类的榜单则没有这样的问题,想问一下楼主这个是bug还是网易云api的限制?

      回复
        eric

        应该是api改动了,以前是可以全部的

        回复
      eric

      你可以用排除法先确认冲突的插件,再看看是否调用的接口名称冲突,我内置的ajax是个最简单的,出问题的都是采用非规范格式的主题

      回复
    1793689954

    昨天评论过一次。。不知为何掉了

    回复
    1793689954

    正需要这类插件,感谢楼主

    回复
    1793689954

    正需要这类的插件,今晚研究研究哈哈哈,感谢楼主

    回复
    等等

    嗡嗡嗡

    回复
    LovelyCatV

    获取代码及分类和添加信息是怎么用的,都填了数据进去点击没反应。

    回复
      eric

      很简单的啊,你是不是输入的地址格式不正确,只能输入歌单/专辑的地址,一般会有playlist或album字眼,我测试都没问题的

      回复
        LovelyCatV

        https://music.163.com/#/playlist?id=6871788806&userid=1346668393
        是这样没错吧?获取代码及分类前面那个输入框填进去,点按钮没有任何反应

        回复
          eric

          我用ipad、电脑测试过都是可以的,只是你的网址多了用户id,代码会多出没用的数据须手工删除,但按键都是没问题的,你看下是否有错误提示

          回复
          eric

          实际上工具条都是辅助工具,实在不行你可以自行按规则填写在代码栏

          回复
    wjq_xp

    WorePress博客系统在插件中心安装的浮窗音乐播放器 v3.3.7,播放不了网易音乐了,请问大佬如何解决?

    回复
      wjq_xp

      今天更新到3.3.8,可以正常播放了,感谢!

      回复
    似水流年

    特地去看了下,Meting框架已经更新了

    回复
      eric

      已更新

      回复
        似水流年

        Meting框架加入了酷我音乐。可以支持下,播放器实话说关注很久,给楼主点赞.

        回复
          eric

          酷我可以在后台直接加代码使用(目前仅艺人模式可用,如:周深*100*2*kuwo),因功能不完整,本次暂不更新。
          百度、虾米接口全面失效,静观Meting是否更新,不更新的话就移除了。

          回复
          eric

          给Meting报错后已更新,我也更新了。

          回复
    流年似水

    已经大部分接口不能用了,接口作者不更新了,等你的更新

    回复
    哈哈

    看一下谢谢

    回复
    哈哈

    正好需要

    回复
    rexmax

    请问在内容页面如何禁用?因为有的内容页面里自带音乐了!

    回复
      eric

      把AJAX关闭

      回复
    Jony

    请问怎么添加QQ音乐cookies,QQ音乐的VIP歌曲不能播放

    回复
    momo

    太好了,试试看

    回复

    发表回复

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