简单的线上音乐播放器 APlayer & MetingJS

最近想在一个单页里面使用音乐播放器

但各种线上音乐网站的接口更新

令以前用着的不能用了

但又不想重新写

然后就见到了它

APlayer & MetingJS

它可以很复杂——定制显示内容和样式

也可以很简单——就那么几行代码的事

详细学习还是看官方文档吧:

https://github.com/MoePlayer/APlayer

https://github.com/metowolf/MetingJS

简单的:

在header上添加


在footer上添加

在使用的地方上添加

必要的参数

data-id =>音乐页面链接上的id号

data-server => 平台名称。netease:网易;tencent:腾讯;xiami:虾米;kugou:酷狗;baidu:百度

data-type=>类型。playlist:歌单;song:单曲;专辑:album;关键词:search;歌手:artist

更多参数详见 https://github.com/metowolf/MetingJS#option

 

最后。浏览器兼容问题

Browsers without native custom element support require a polyfill.

  • Chrome
  • Firefox
  • Safari
  • Internet Explorer 11
  • Microsoft Edge

um...继续诅咒 ie 

完成!

你可能感兴趣的:(前端)