简述

  • APlayer 是一个 简洁漂亮、功能强大 的 HTML5 音乐播放器
  • Meting 是 为 APlayer 添加网易云、QQ音乐等支持 的插件
  • 由于APlayer 原生用法设置参数十分繁琐，而且只能调用音频文件直链，会增加服务器开销。而使用 MetingJS 就很好地解决了这个问题。

更多内容请参考 DIYgod/APlayer 和 metowolf/MetingJS

效果展示

开始使用

安装

引用以下文件 Aplayer.min.css Aplayer.min.js Meting.min.js

<script src="https://api.suntts.top/assets/aplayer@1.10.1/APlayer.min.css"></script>
<script src="https://api.suntts.top/assets/aplayer@1.10.1/APlayer.min.js"></script>
<script src="https://api.suntts.top/assets/metingjs@2.0.2/Meting.js"></script>

引用此文件时将默认使用本站提供的 CDN 和 Meting-API 服务。

这里我再提供几个备用链接，以备不时之需

// 任选以下其一使用即可，请勿重复引入
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
<script src="https://unpkg.com/meting@2.0.1/dist/Meting.min.js"></script>

用法

<meting-js auto="https://music.163.com/song?id=565841054"></meting-js>

参数

参数 默认值 描述
id 必需 歌曲 id / 歌曲列表 id
server 必需 netease（网易云）, tencent（QQ音乐）
type 必需 song， playlist， album， search， artist
fixed false 固定模式
mini false 迷你模式
autoplay false 自动播放
theme #2980b9 主题色
loop all 播放循环，全部循环 all， 单曲循环 one， 不循环 none
order list 列表播放 list，随机播放 random
preload auto none，metadata，auto
volume 0.7 音量
mutex true 阻止多个播放器同时播放，播放时暂停其他播放器
lrc-type 0 歌词类型
list-folded false 列表是否折叠
list-max-height 340px 列表最大高度
storage-name metingjs 本地存储密钥

替换API

如有需要，可以自行替换API

<script>
    var meting_api='http://example.com/meting/api?server=:server&type=:type&id=:id&auth=:auth&r=:r';
</script>
// 先定义API链接再引用MetingJS
<script src="https://api.suntts.top/assets/metingjs@2.0.2/Meting.js"></script>

更多

更多内容请参考 metowolf/MetingJS

关于MetingAPI

这里我使用 injahow/meting-api 在本站部署。

用法

[
  {
    "title": "Lush Life",
    "author": "NALYRO",
    "pic": "https://p1.music.126.net/XSNs_rEVIGa1ZeNAiF0Pfw==/109951166198091826.jpg",
    "url": "https://api.suntts.top/meting/api?server=netease&type=url&id=1841908846",
    "lrc": "https://api.suntts.top/meting/api?server=netease&type=lrc&id=1841908846"
  }
]

[
  {
    "title": "My Light",
    "author": "dori",
    "pic": "https://p2.music.126.net/hiUdr5oqtwPPxNzblKqzzg==/109951168689274332.jpg",
    "url": "https://api.suntts.top:443/meting/api?server=netease&type=url&id=2034781741",
    "lrc": "https://api.suntts.top:443/meting/api?server=netease&type=lrc&id=2034781741"
  },
  {
    "title": "Waking of a World",
    "author": "鸣潮先约电台 / TerryZhong钟天利 / 炎明熹",
    "pic": "https://p2.music.126.net/cD9gQKMyv9MwhLrxnNBfoQ==/109951169700104638.jpg",
    "url": "https://api.suntts.top:443/meting/api?server=netease&type=url&id=2600128849",
    "lrc": "https://api.suntts.top:443/meting/api?server=netease&type=lrc&id=2600128849"
  },
  ...
]

参数

参数 可选值
server netease 网易云音乐(默认)，tencent QQ音乐
type name 歌曲名，artist 歌手，url 链接，pic 封面，lrc 歌词，song 单曲，playlist 歌单
id 歌曲 id / 歌曲列表 id

更多

更多内容请参考 injahow/meting-api