QPlayer2 | 博客网站底部悬浮音乐播放

创创的小站
2020-05-07 / 1 评论 / 73 阅读 / 正在检测是否收录...

QPlayer是一款简洁小巧的WordPress底部悬浮音乐播放器插件. 支持网易云音乐解析,由GitHub用户Jrohy开发,
项目地址:https://github.com/Jrohy?tab=repositories,最新版本为v1.3.4.2,更新于三年前,已不再更新。

如今,MoeShin将代码优化后制成QPlayer2,现已支持WordPress、Typecho、Z-Blog。
一、效果展示
1、默认收起
音乐效果1.png
2、展开播放器与展开歌曲列表
音乐效果2.png
3、整体效果
2838029259.png
二、插件安装
WordPress 安装
1、 下载 或克隆此工程
2、将文件夹重命名为 QPlayer2,并放到 WordPress 的插件目录,默认 wp-content/plugins
3、在后台启用插件
GitHub地址:https://github.com/moeshin/QPlayer2-WordPress
WordPress 后台设置
音乐后台1.png

Typecho 安装
1、 下载 或克隆此工程
2、解压,并将文件夹重命名为 QPlayer2
3、将文件夹放到 Typecho 的插件目录,默认 usr/plugins
4、在控制台启用插件
GitHub地址:https://github.com/moeshin/QPlayer2-Typecho
Typecho 后台设置
音乐后台2.png

Z-Blog 安装
1、 下载 或克隆此工程
2、将文件夹重命名为 QPlayer2,并放到 Z-Blog 的插件目录,默认 zb_users/plugin
3、在后台启用插件
GitHub地址:https://github.com/moeshin/QPlayer2-ZBlog/releases/tag/v2.0.3

三、配置歌曲
1、 点击进入配置网易云音乐
2、具体操作如下图:
音乐配置.png
3、如果用其他平台音乐 其他源
4、将操作2得出代码粘贴到后台歌曲列表即可
这是我主页的音乐:

[
    {
        "name": "心做し(Cover GUMI)",
        "artist": "双笙",
        "audio": "https://api.i-meto.com/meting/api?server=netease&type=url&id=478303470&auth=eb23f972ad881d6bd7f5ade056ec5c1ff0a8d434",
        "cover": "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951162927951204&auth=b7b3980c9bae6a9925e2bdb81a57fda23be12c63",
        "lrc": "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=478303470&auth=cf7107efc59baea3a98bb90eaddac8158c35c0de"
    },
    {
        "name": "The Garden of Escapism",
        "artist": "Miro",
        "audio": "https://api.i-meto.com/meting/api?server=netease&type=url&id=35497894&auth=5f97329018ed7e4abb0a9e89d84ec87abd678085",
        "cover": "https://api.i-meto.com/meting/api?server=netease&type=pic&id=109951164415668096&auth=3766ac5ae50ab833f5a98cad26b94eb706e7bc6a",
        "lrc": "https://api.i-meto.com/meting/api?server=netease&type=lrc&id=35497894&auth=e6b95d11fcf0ffd97df1485ff747c0e20809e710"
    }
]...
6
赞赏排名 赞赏支持

免责声明:仅供学术研究使用。对于违反相关法律、造成危害的滥用行为,开发者不负任何责任。

特别说明:

1、 此文如未标注转载均为本站原创,自由转载请表明出处来源于本站。
2、本站所有資源僅供學習與參考,請勿用於商業用途,否則產生的一切後果將由您自己承擔!
3、本站資源來自網絡收集或本人原創,轉載請註明出處!
4、若資源侵犯了你的版權,請聯繫博主,我們會在24H內刪除侵權資源!

评论 (1)

取消
  1. 头像
    随便看看
    Windows 10 · Google Chrome

    我去试试

    回复