Aplayer 是一个功能强大的 HTML5 音乐播放器,Metingjs 基于 Aplayer 插件封装好的插件,开箱即用。

Aplayer 官网文档:https://aplayer.js.org/#/

Metingjs 官网文档:https://github.com/metowolf/MetingJS

MetingJS 的简单使用

解析:server=”netease” type=”playlist” id=”60198″

server 指音乐平台,netease 指网易云音乐, type 类型,playlist 列表,id 指歌曲的 i 或者专辑或列表外链 id

因此重点在于指定平台,指定外链 id

参数选项

选项默认描述id(编号)require歌曲 ID /播放列表 ID /专辑 ID /搜索关键字server(平台)require音乐平台:netease,tencent,kugou,xiami,baidutype(类型)requiresong,playlist,album,search,artistauto(支持类种 类)options音乐链接,支持:netease,tencent,xiamifixed(固定模式)false启用固定模式,默认 falsemini(迷你模式)false启用迷你模式,默认 falseautoplay(自动播放)false音频自动播放,默认 falsetheme(主题颜色)#2980b9默认#2980b9loop(循环)all播放器循环播放,值:“all”,one”,“none”order(顺序)list播放器播放顺序,值:“list”,“random”preload(加载)auto值:“none”,“metadata”,“’auto”volume(声量)0.7默认音量,请注意播放器会记住用户设置,用户自己设置音量后默认音量将不起作用mutex(限制)true防止同时播放多个玩家,在该玩家开始播放时暂停其他玩家lrc-type(歌词)0歌词显示list-folded(列表折叠)false指示列表是否应该首先折叠list-max-height(最大高度)340px列出最大高度storage-name(储存名称)metingjs存储播放器设置的 localStorage 键

迷你版背景音乐

根据以上参数,写好了迷你版背景音乐,默认在左下角显示,默认列表折叠,默认不显示歌词

server="netease"

type="playlist"

id="60198"

fixed="true"

autoplay="true"

loop="all"

order="random"

preload="auto"

list-folded="ture"

list-max-height="500px"

lrc-type="1">

平台

1、网页版网易云音乐:https://music.163.com/#

2、网页版 QQ 音乐:https://y.qq.com/

3、网页版虾米音乐:https://www.xiami.com/

4、网页版百度音乐:http://play.baidu.com/

5、网页版酷狗音乐:https://www.kugou.com/

参考文章

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。