菜单


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

123123

为啥我的背景不透明那

回复
ID锁

感谢感谢

回复
qdy

好多无效

回复
LeouMaster

大佬,怎么设置cookie啊,然后获取的歌单只有十首歌

回复
    匿名

    大佬,网易云怎么不能自动播放了?需要手动点击播放按钮

    回复
匿名

看看如何

回复
QQ游客

不可思议,居然更新了,谢谢up主

回复
QQ游客

看来后面是不会在更新了

回复
唐国健博客

可以支持一下本地音乐吗?平台限制太多

回复
老虎

功能强大而且免费的好东西,终于找到了,谢谢大佬,为你的无私奉献点赞!

回复
Özken Trafo

Hayat merdivenlerini çıkarken, insanlara iyi davranalım çünkü inerken gene aynı insanlara rastlayacağız. -Cenap Şahabettin

回复
INVS Logistics

Your time is limited, so don’t waste it living someone else’s life. (Zamanınız kısıtlıi bu yüzden başkasının hayatını yaşamakla onu boşa harcamayın.) – Steve Jobs

回复
莫安国

感谢感谢 安正需要呢

回复
  • Pingback 引用通告: wordpress浮动播放器 - 一介小民

  • 北落

    播放器尺寸调整代码是什么

    回复
      eric

      没有单独的尺寸缩放参数

      回复
    壁虎

    谢谢谢谢谢谢谢谢

    回复
    猫哥

    为什么不会自动播放

    回复
      eric

      在后台勾选打开选项

      回复
        dufolk

        打开了好像也没有自动播放哎

        回复
    test man

    请问播放列表获取失败怎么解决,我不会弄cookie

    回复
    木子

    为什么网易云歌单只能显示10首呀,有人知道吗

    回复
      凉开水

      同问

      回复
        blondSalon

        cookie再加个os=pc

        回复
      LeouMaster

      同问,不懂咋弄cookie

      回复
    4949

    就是关于那个播放器那个加载那个进度条卡住了显示什么时间模式后面那个英文播放还是反正那个时间模式我就是你那里有点问题感觉

    回复
    eray

    想试用一下

    回复
    情绪

    弄了半天还是不回呀!

    回复
    歌词的字幕经常延迟一句,有么有办法解决

    大佬,歌词的字幕经常延迟一句,有么有办法解决

    回复
    稻玄

    大佬大佬,我是会员,但是用了cookie以后还是不能完全播放vip音乐,有什么好办法吗?

    回复
    啊对对对

    啊对对对

    回复
    逸然博客

    连续遇到3个版权歌曲,就会自动停止播放歌曲,这个数量是否可以调整,或者直接不限制,只要版权不能播放就不停的随意下一首。

    回复
      逸然博客

      大佬帮忙看看,是否有解决办法。

      回复
        eric

        打开player.js,搜索errCount 把>后面的数字改为你想要的,或者整句删除

        回复
    依然小辉

    这个真的好好用

    回复
      等待

      不会用啊,看这个插件真不会用啊

      回复
    Azure

    可以的

    回复
    菌子

    不可思议,居然更新了,谢谢up主

    回复
    最菜的网站

    大佬,音量调不了,请你看一下

    回复
      eric

      在后台的自定义CSS里按示例调整音量条高度以适应你的主题

      回复
    沅芃

    有没有办法播放周杰伦歌曲,我有绿钻

    回复
    hjj

    请教一下博主为啥我加进网易云N个歌单,但是每个歌单只能显示播放10首歌曲,谢谢

    回复
      eric

      在cookie设置里加上os=pc试试,参考http://www.360doc.com/content/18/0328/16/30583588_741003863.shtml

      回复
          ajax 防刷新 网页无法正常打开

          请教一下博主,打开ajax防刷新后,网页播放器不会功能正常,但是博客不同页面不能打开了请教一下如何设置
          = 如何在播放时不被刷新打断? =
          * 在后台开启AJAX防刷新。
          网站文章的容器ID名称:
          content
          网站搜索框的容器名称:
          searchform
          文件标题位置:
          2
          例外链接格式:
          /wp-, .pdf, .zip, .rar, reply

          回复
    微光

    这个播放器做的可真好

    回复
    扶摇

    大佬我的网站是ripo的主题,安装了之后第一次可以播放,之后就再也播放不了了,一直提示个体failed

    回复
    left

    大佬,你的播放器对于colibri主题防刷新好像会导致页面无法更新,还有就是在设置界面钩子失效了不知道啥原因。

    回复
    ivkeji

    不可思议,居然更新了,谢谢up主

    回复

    发表回复

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