APlayer+Meting-API本地部署

### 开始

> 注意
在 PHP 8.2 或更高版本中会报出一个弃用警告(Deprecated),需要找到 Meting.php 文件,定位到类的开头,class Meting { 之后,添加一行:
“`php
private &temp; // 或者根据实际用途使用 public 或 protected
“`

相信有很多站长喜欢在自己的**网站页脚添加音乐播放器**,在阅读的同时通过歌曲也能给人带来愉悦的心情😀。可之前一段时间**不能显示播放器了😕**,通过分析发现 Meting-API 的解析~~404。

最近我发现,可以独立部署 `APlayer + Meting-API`,操作比较简单,大家可以跟着我的步骤将其部署到自己的服务器上,不再依赖其他人的解析啦😎!

![APlayer 示例](https://cdn.lovau.cn/wpjc4/2-n.png)

### 准备

通过自己的**终端工具**连接上自己的服务器,`进入网站的运行目录下`,如:

“`shell
cd /www/wwwroot/abc.com
“`

### APlayer 部署

部署 [APlayer](https://aplayer.js.org/#/zh-Hans/) 很简单,提供了两种语句:

**使用 yarn 安装:**

“`shell
yarn add aplayer
“`

**使用 npm 安装:**

“`shell
npm install aplayer –save
“`

> **TIPS 🔆**:如果使用 npm 安装提示 “The command could not be located because ‘/usr/local/bin’ is not included in the PATH environment variable”,这是环境变量失效,键入 `export PATH=/usr/local/bin:$PATH` 即可(考虑到服务器不会经常重启或关机,经常重启或关机的朋友移步➡️ [CSDN-CSDN博客](https://blog.csdn.net/wyyang2/article/details/105285329))

安装好 APlayer 之后会发现目录下多了名为 `node_modules` 的目录,一路前进到 `dist` 文件夹,这里的资源就是 `APlayer 播放器的静态文件资源`,**也可以放到 CDN 或其他公共库中来引用**。

### Meting-API 部署

部署这个比上面那个稍微麻烦一点 ♾️

“`shell
# 首先克隆仓库
git clone https://github.com/injahow/meting-api.git
# 或者使用国内仓库
git clone https://gitee.com/injahow/meting-api.git

# 进入刚才拉下来仓库的目录
cd meting-api

# 使用国内镜像
composer config -g repo.packagist composer https://packagist.phpcomposer.com

# 安装依赖
composer install
“`

显示下图就成功部署了:

![Meting-API 部署成功](https://cdn.lovau.cn/wpjc4/1.png)

### 修改 Meting-JS 文件内容(我不知道这一步是否重要)

**下载这个文件:**

[dist/meting.js · lauwu/APlayer – 码云 – 开源中国 (gitee.com)](https://gitee.com/lauwu/APlayer/blob/master/dist/meting.js)

将语句:

“`js
https://路径/?server=:server&type=:type&id=:id&r=:r
“`

里面的 `路径` 改为你刚刚部署的 `meting-api 路径` 即可。

### 最终

最后就可以通过熟悉的代码来引用啦😆!

“`html




“`

🎉 搞定!享受你的独立音乐播放器吧!


评论

《 “APlayer+Meting-API本地部署” 》 有 13 条评论

  1. 作者大大的播放器样式能下载嘛,我想用

    1. 可以分享,但是怎么分享呢,我的meting.js用的也是自修改之后的meting.js

      1. 这个我可以直接用开发者模式下载的,就是不知道作者大大给不给用,所以就问一问,给的话我就下下来到我自己网站用 😳

        1. 可以使用可以使用,不过我建议你自己搭建meting,因为我的不太稳定(有时候音乐cookies会掉),然后我会跟你说js里有哪个地方需要修改

        2. 我已经搭建了自己改过的MetingApi了,当公益API的,musicapi.chuyel.top就是API(QQ音乐有会员的,就是容易掉很烦,几天登一次),谢谢作者大大

        3. js这些我改好了的,谢谢作者大大啦

        4. 都小事~

  2. 你好,看完你的博客文章,感觉很不错!希望与你网站首页友情链接
    流量卡知识网
    http://53go.cn/
    专注于移动 / 联通 / 电信运营商官方推出的大流量多语音活动长短期套餐手机卡的相关知识的介绍普及

    听说互换友情链接可以增加网站的收录量,特此来换,如果同意的话就给 internetyewu@163.com[微信 ganenboy] 发信息或者就在此回复下吧!【建站问题也可以一起讨论!】

  3. 踩一踩 :celebrate:

    1. 太棒喽!!!

  4. 必须的呀 捧场到位

发表回复

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