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

已有 49 条评论

  1. liao liao 访客 Chrome Windows 10 回复

    大佬 怎么自动播放

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @liao

      浏览器不支持呢

  2. 啭脚资源网 啭脚资源网 访客 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 回复

      回复 @啭脚资源网

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

    2. MoeShin MoeShin 博主 Chrome Windows 10 回复

      回复 @啭脚资源网

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

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

        回复 @MoeShin

        好的,晓得了

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

    有没有zblog版本呢?

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @也许吧

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

  4. 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

添加新评论

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