网易云单曲
网易云歌单
方法一(没有歌词): <!-- require APlayer --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script> <!-- require MetingJS --> <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script> <meting-js id="2614827308"//网易的上https://music.163.com/登陆自己的号找一个喜欢的歌单,复制地址栏上面的ID就可以啦!!! lrc-type="0" server="netease" order="list" type="playlist" fixed="true" list-olded="true"> </meting-js>
方法二(有歌词):
head里添加:
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
body里面添加:
<div id="aplayer" class="aplayer" data-order="random" data-id="5175640948" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.8"></div> //data-id为歌单id <!-- aplayer --> <script src="./jquery-3.4.1.js"></script> //这里修改一下src为jQuery的地址 <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js"></script> <!-- end_aplayer -->