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

3. 网易云音乐个人歌单id获取

评论列表

暂无评论
您尚未登录,登录之后方可评论~ 登录 or 注册