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

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

进入教程

首先在你的网站上引入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

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

此处内容需要评论回复后(审核通过)方可阅读。

将api文件目录名称改为musicapi上传到网站根目录即可,一定要改目录名称否则会出现错误!

完成后效果
20191019114357.png

特殊说明

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

js文件

mapi.js

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

Last modification:October 19th, 2019 at 11:42 am

本文作者:阿捷吖

本文链接:【原创】为你的网站添加一个漂亮的音乐播放器 - https://www.waajg.cn/147.html

版权声明:如无特别声明,本文即为原创文章,仅代表个人观点,版权归 爱吧经营部 所有,转载请带上原文链接,谢谢理解!
如果觉得我的文章对你有用,请随意赞赏

2 comments

  1. 阿捷吖

    使用的网站必须要开启 pjax控件 否则会出现点击一次歌曲就会重新播放!

  2. 松鼠大大

    (๑•̀ㅁ•́ฅ)掰说了,已收藏

Leave a Comment