如何使用Aplayer播放器
1. Aplayer和MetingJ的介绍
Aplayer官网文档 https://aplayer.js.org/#/
Metingjs官网文档 https://github.com/metowolf/MetingJS
Aplayer是一个功能强大的HTML5音乐播放器,Metingjs基于Aplayer插件封装好的插件。
2. 简单使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js"></script>
</head>
<body>
<div id="my-aplayer"
class="aplayer"
data-id="60198"
data-server="netease"
data-type="playlist"
data-fixed="true"
data-autoplay="false"
data-order="list"
data-volume="0.55"
data-theme="#cc543a"
data-preload="auto"
></div>
</body>
</html>
<meting-js
id="60198" //歌曲ID /播放列表ID /专辑ID /搜索关键字
lrc-type="0" //歌词显示 0不显示歌词,1显示
server="netease" //server(音乐平台),netease指网易云音乐,tencent,kugou
order="list" //order(顺序) 播放器播放顺序,值:"list","random"
type="playlist" //type(类型)song,playlist,album,search,artist
fixed="true" //启用固定模式,默认false
list-folded="true"//指示列表是否应该首先折叠
autoplay="true" //自动播放 默认false
mutex="true" //防止同时播放多个播放器,当该播放器开始播放时暂停其他播放器
>
</meting-js>
评论列表