安城博客

【原创】为你的网站添加一个漂亮的音乐播放器

之前发过这个播放器,后来因为种种bug,导致播放器无法使用,今天闲的无聊,把代码精简了一下!修复了无法播放的问题,喜欢的自己拿走哦,

[scode type="yellow"]进入教程[/scode]

首先在你的网站上引入css

<link rel="stylesheet" id="player-css" href="//cdn1.waajg.cn/css/ac_poco.css?ver=2019" type="text/css" media="all">

然后还有个js此js文件里面涉及到网易云歌单,后文会提供下载链接!

<script src="//cdn1.waajg.cn/api/mmapi.js?ver=2019"></script>

引入完毕后,我们下载api文件,因为我js文件里面已经引入了api文件,所以不需要其它代码引入!
https://www.lanzous.com/i6ig9ed

下载密码[评论可见]程序免费,谢绝伸手党!谢谢理解
[hide]42bz[/hide]

[scode type="yellow"]将api文件目录名称改为musicapi上传到网站根目录即可,一定要改目录名称否则会出现错误![/scode]

完成后效果

特殊说明

歌单来源于网易云音乐,所以这里有个网易云歌单id,你可以下载mapi.js文件,将倒数第七行的data-id后面的数值换成你的网易云歌单id,然后自己引用这个js文件即可!注意:请勿操作其它代码,否则都会出现无法读取歌单的情况!
[scode type="yellow"]js文件[/scode]
mapi.js

保存方法:在左边链接文字上右击,选择目标另存为即可!

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »