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

已有 52 条评论

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

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

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @扉川

      可能是 jq 冲突

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

    怎么设置自动播放啊?

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @天幕之城

      浏览器不支持呢

  3. liao liao 访客 Chrome Windows 10 回复

    大佬 怎么自动播放

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @liao

      浏览器不支持呢

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

        好的,晓得了

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

    有没有zblog版本呢?

    1. MoeShin MoeShin 博主 Chrome Mac OSX 回复

      回复 @也许吧

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

添加新评论

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