APlayer+Meting-API本地部署

1,158次阅读
5 条评论

共计 1609 个字符,预计需要花费 5 分钟才能阅读完成。

提醒:本文最后更新于 2025-07-31 21:30,文中所关联的信息可能已发生改变,请知悉!

### 开始

> 注意
在 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




“`

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

正文完
CNLOVAU的微信订阅号
post-qrcode
 0
本站所有内容皆在小程序同步更新
LAO WU
版权声明:本站原创文章,由 LAO WU 于2023-07-13发表,共计1609字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处!
🫶
如果本文对您有帮助的话,请不要忘了留下点赞和评论哟~
⚠️ 评论规则
一旦您发表评论,即代表您同意本站的评论规则,本站有权利对您的评论进行“批准、驳回、移至回收站”等操作
评论(5 条评论)
流量卡知识网 评论达人 LV.1
2023-11-05 23:29:56 回复

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

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

 Windows  Chrome  未知
Echo 评论达人 LV.1
2023-07-13 22:32:39 回复

踩一踩 :celebrate:

 Windows  Edge  未知
    lovau 博主
    2023-07-13 22:33:54 回复

    @Echo 太棒喽!!!

     iPhone  Puock MiniProgram
HOMIE方方 评论达人 LV.1
2023-07-13 22:15:21 回复

必须的呀 捧场到位

 Android  Chrome  中国广东省中山市电信

CNLOVAU