如何使用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>