QPlayer2 for WordPress

一款简洁小巧的 HTML5 底部悬浮音乐播放器

安装

  1. 下载 或克隆此工程
  2. 将文件夹重命名为 QPlayer2,并放到 WordPress 的插件目录,默认 wp-content/plugins
  3. 在后台启用插件

歌曲列表

JSON 数组

键名说明必须
name歌曲名称
artist艺术家数组或文本
cover封面链接
lyrics歌词文本
provider提供器名称否,默认 default
lrc歌词链接,随提供器而定
[{
    "name": "Nightglow",
    "artist": "蔡健雅",
    "audio": "https://cdn.jsdelivr.net/gh/moeshin/QPlayer-res/Nightglow.mp3",
    "cover": "https://cdn.jsdelivr.net/gh/moeshin/QPlayer-res/Nightglow.jpg",
    "lrc": "https://cdn.jsdelivr.net/gh/moeshin/QPlayer-res/Nightglow.lrc"
}, {
    "name": "やわらかな光",
    "artist": "やまだ豊",
    "audio": "https://cdn.jsdelivr.net/gh/moeshin/QPlayer-res/やわらかな光.mp3",
    "cover": "https://cdn.jsdelivr.net/gh/moeshin/QPlayer-res/やわらかな光.jpg",
    "lyrics": "[00:00.00]请欣赏"
}]

鸣谢

标签: none

已有 55 条评论

  1. tutu tutu 访客 Chrome Android 10 回复

    大佬,我解压完成之后点击启用时候不行,报错了。Parse error: syntax error, unexpected '' (T_ENCAPSED_AND_WHITESPACE), expecting '-' or identifier (T_STRING) or variable (T_VARIABLE) or number (T_NUM_STRING) in /volume2/web/wordpress/wp-content/plugins/QPlayer2/QPlayer2.php on line 367
    咋回事啊

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @tutu

      那一行代码是什么呢

      1. tutu tutu 访客 Chrome Windows 10 回复

        回复 @MoeShin

        $cacheTypeNow = $input['cacheType'];
        我尝试把这行先删除试试结果还是有别的行在报错 ,wp版本是5.4.2

        1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

          回复 @tutu

          php 版本呢

          1. tutu tutu 访客 Chrome Android 10 回复

            回复 @MoeShin

            php是7.2

  2. 也许吧 也许吧 访客 Chrome Android 10 回复

    有没有zblog版本呢?

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @也许吧

      https://github.com/moeshin/QPlayer2-ZBlog

  3. 啭脚资源网 啭脚资源网 访客 Safari Iphone 回复

    [{

        "name": "山楂树之恋",    "artist": " 程佳佳",    "audio": "http://www.qlnzdh.xyz/shanzhahsuzhilian.mp3",    "cover": "https://dss0.bdstatic.com/6Ox1bjeh1BF3odCf/it/u=2389751696,3482551880&fm=85&app=92&f=PNG?w=121&h=75&s=5999AB554A23660D0608A1F70300E023",    "lrc": "http://www.qlnzdh.xyz/shanzhashuzhilian.lrc"},{    "name": "世界这么大还是遇见你",    "artist": " 程响",    "audio": "http://www.qlnzdh.xyz/shijiannamedahaishiyujianni.mp3",    "cover": "https://dss1.bdstatic.com/6OF1bjeh1BF3odCf/it/u=2127379960,4096497314&fm=74&app=80&f=PNG&size=f121,121?sec=1880279984&t=3121df8ef26f2fba7f01078a0648619c",},{    "name": "冬眠",    "artist": "司南",    "audio": "http://www.qlnzdh.xyz/dongmian.mp3",    "cover": "https://dss0.bdstatic.com/6Ox1bjeh1BF3odCf/it/u=4190018180,93807073&fm=74&app=80&f=JPEG&size=f121,121?sec=1880279984&t=7cfa5d08648076a082fb4b52b9e45933"}]



    lrc不显示
    1. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @啭脚资源网

      跨域问题,要服务端设置 Access-Control-Allow-Origin *

      1. 啭脚资源网 啭脚资源网 访客 Safari Iphone 回复

        回复 @MoeShin

        好的,晓得了

    2. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @啭脚资源网

      还有你的网站是 https,资源却是 http 也会有问题 https://blog.csdn.net/haibo0668/article/details/82947917

  4. liao liao 访客 Chrome Windows 10 回复

    大佬 怎么自动播放

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @liao

      浏览器不支持呢

  5. 天幕之城 天幕之城 访客 Chrome Windows 10 回复

    怎么设置自动播放啊?

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @天幕之城

      浏览器不支持呢

  6. 扉川 扉川 访客 Chrome Windows 7 回复

    后台配置后并不会显示有音乐,还是空白

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @扉川

      可能是 jq 冲突

  7. etna etna 访客 Chrome Windows 7 回复

    礼品代发、一件代发快递就发www.danhw.com


  8. 666 666 访客 Chrome Windows 10 回复

    为什么每次都要先点一下那个侧边栏小图标才会自动播放,怎么解决啊大佬

  9. 666 666 访客 Chrome Windows 10 回复

    不好意思我懂了,是因为chrome自动禁止自动播放的

  10. 666 666 访客 Chrome Windows 10 回复

    还有个问题就是怎么调节默认音量,不然自动播放太吓人了,把人整聋了不好

    1. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @666

      QPlayer.audio.volume

      https://www.w3school.com.cn/tags/av_prop_volume.asp

      1. 666 666 访客 Chrome Windows 10 回复

        回复 @MoeShin

        具体在这个插件里怎么用呢?

  11. 红莲丨千刃 红莲丨千刃 访客 Chrome Android 10 回复

    大佬,我用的是wordpress搭建的。使用了插件后只有登录用户才能播放,该怎么调整成非登录用户也能播放啊?

    1. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @红莲丨千刃

      没有吧,我上你网站看了

    2. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @红莲丨千刃

      有显示播放器,没有歌曲是吗

    3. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @红莲丨千刃

      查了一下好像是 Advanced AJAX Page Loader 插件问题的样子

      https://wordpress.org/support/topic/you-cannot-edit-these-options-bug-on-ajax_nopriv/

      https://github.com/WPPlugins/advanced-ajax-page-loader/blob/bba62d4082c8f88fca93f86388a0124e8bd13bc6/advanced-ajax-page-loader.php#L42

      1. 红莲丨千刃 红莲丨千刃 访客 Chrome Android 10 回复

        回复 @MoeShin

        哦哦,感谢大佬!把AJAX插件关闭后能用了!

  12. rubin rubin 访客 Chrome Windows 10 回复

    大佬这个私人雷达怎么用,还有可以添加酷狗音乐吗

    1. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @rubin

      https://music.163.com/#/playlist?id=3136952023
      私人雷达每天都会给你不同的歌曲,每个人都是不一样的,可以设置 cookie。

      酷狗应该没问题吧,都是用 Meting 解析的。

  13. 路人甲 路人甲 访客 Chrome Windows 10 回复

    博主,咱这插件可以加一个音量控制按钮吗?想请教具体思路。

    1. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @路人甲

      再加一个按钮,我感觉面板塞不下

  14. Krycha Krycha 访客 Chrome Windows 10 回复

    对了,进入新的页面音乐会重新播放怎么办

    1. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @Krycha

      看看 PJAX

      1. Krycha Krycha 访客 Chrome Windows 10 回复

        回复 @MoeShin

        具体怎么用呢,求

        1. MoeShin MoeShin 博主 Chrome Windows 10 回复

          回复 @Krycha

          用 PJAX 插件或者主题

          1. Krycha Krycha 访客 Chrome Windows 10 回复

            回复 @MoeShin

            博主有没有推荐的PJAX插件呢

          2. Krycha Krycha 访客 Chrome Windows 10 回复

            回复 @MoeShin

            下了几个不会用诶...

  15. 漫蓝梦坤 漫蓝梦坤 访客 Chrome Android 9 回复

    完全弄不成,好难受

    1. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @漫蓝梦坤

      有什么问题呢?

  16. 笙雨未然 笙雨未然 访客 Chrome Windows 10 回复

    已完成设置,非常棒!!

  17. uptiona uptiona 访客 Chrome Windows 10 回复

    大佬,这个怎么把收起时的图标宽度调小一点啊,感觉有点宽了

    1. 旗木55Ka1 旗木55Ka1 访客 Chrome Windows 10 回复

      回复 @uptiona

      好了,本地上传到wordpress媒体库可以播放

    2. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @uptiona

      最右边红色那块吗?#QPlayer-switch

      1. uptiona uptiona 访客 Chrome Android 11 回复

        回复 @MoeShin

        是的是的。谢谢大佬回复,已经解决了

  18. 旗木55Ka1 旗木55Ka1 访客 Safari Iphone 回复

    为什么进度条是0:00,播放不了

  19. 梦梦 梦梦 访客 Chrome Windows 10 回复

    博主,有什么办法能让页面跳转的时候这个插件不刷新继续播放吗

    1. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @梦梦

      简单的话就用自带 PJAX 类似功能的主题

      1. 梦梦 梦梦 访客 Chrome Windows 10 回复

        回复 @MoeShin

        感谢,已经解决这个问题了

    2. 小艾同学 小艾同学 访客 Chrome Windows 10 回复

      回复 @梦梦

      这个应该可以用一种方法实现。

  20. 666 666 访客 Chrome Windows 10 回复

    添加后显示没有歌曲是怎么回事

  21. GoldenWater GoldenWater 访客 Chrome Windows 10 回复

    感谢作者,目前网站已经使用了这个播放器,很好用

  22. goldenwater goldenwater 访客 Chrome Windows 10 回复

    感谢作者答复,目前已经解决问题ovo

  23. ifree6.cn ifree6.cn 访客 Chrome Windows 10 回复

    亲爱的作者,更新一下QPlayer for Wordpress呗,后台的封面旋转等功能,取消勾选后,依旧在旋转。

    1. test test 访客 Chrome Linux 回复

      回复 @ifree6.cn

      试试

添加新评论

注意:已开启评论过滤器,无中文无法评论!
泡泡表情