引入相关依赖

同样也是使用的Aplayer中的MetingJS
直接在界面中引入alplayer和meting需要的css文件和js文件

<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>

配置使用

引入完Aplayer中和MetingJS后，就可以在界面中中使用 MetingJS 播放器了；
单曲：

<meting-js
	server="netease"
	type="song"
	id="1405349492">
</meting-js>

预览：

歌单：

<meting-js
	server="netease"
	type="playlist"
	id="5068325488">
</meting-js>

预览：

相关配置:

使用音乐平台提供插件

不使用Aplayer播放器；
以网易云为例，网页端点击生成外链播放器即可生成外链代码，如我的某个歌单生成外链。

可以在自己博客页面中嵌入插件:

<iframe 
 frameborder="no" border="0" 
 marginwidth="0" marginheight="0" 
 width=100% height=321 
 src="//music.163.com/outchain/player?type=0&id=5068325488&auto=0&height=430">
</iframe>

效果：