网易左侧悬浮音乐播放器插件(一)

发布于 / 程序 / 1 条评论

建立了博客好久了,不知道该写一些什么,由于没有人愿意和我换友链,所以我今天打算把我2015年的时候弄的源码放出去,单纯的只是想换来点友情链接。还有就是最近我发现有人做完调用之后放出去一个HTML的页面就说这是源码,确实有点不地道了,要放就放全部呗,只让别人调用不还是没给源码吗?今天我先把源码放出去,要是真有人加我友链的话,我就把这个播放器的修改方法写出来,毕竟15年的码,网易也修改过API接口。还有就是因为我不知道该写点什么,所以就把一个东西写两篇文章,这样我的网站的文章数量就多了。别介意哈,完全是为了凑数。


注意事项

首先你要有自己的云服务器或者VPS,因为这套源码在虚拟空间上不能使用全部功能(PS:至少我没有在虚拟空间上用过,想试的可以试一下)


正式开始

首先下载源码(源码在我GitHub上,文章下方我也会给出便捷下载地址,就是点击一下就下载啦~~)

然后跟随文章继续往下看,接下来的就是如何上传上传修改


上传修改

上传就不用我教了吧,相信大家都会把源码上传到自己的VPS或者虚拟空间上面,那么直接进入修改教程

修改方法

下载源码后,解压得到一个文件夹wyplayer-maste打开这个文件夹,找到music.js用文本文档打开,或者上传后编辑此文件,用文本文档的情况下一定要点击自动换行,因为下面我们要编辑的东西有点长。
复制下面图片位置中的两个箭头标的中间所有“乱码”,但不要复制两个引号啊,要的是两个引号之间的代码~(点击图片放大查看具体位置)

复制这段代码后打开站长之家的站长工具进行BASE64解密,解密后得到下图所示代码
之后复制解密后的内容,进行下一步ESCAPE解密,得到下图所示代码
将这些代码复制到文本文档或者HTML编辑器里面,将里面的域名替换为你自己的域名之后,在进行加密,但是顺序千万不敢错,按照解密的步骤倒着进行加密,先ESCAPE加密,得到代码后在进行BASE64加密,得到我们第一步取得的那一串“乱码”,之后再将“乱码”复制到我们第一步的文件里面,注意一定要在双引号里面,千万别复制错位置哈,因为这一串“乱码”比较长,非常容易看错。

接下来我们进行下一步的修改

打开JS文件夹,找到player.js这个文件,用文本文档或者HTML编辑器打开(PS:由于源码上传GitHub时间是2016年,当时用的还是yinrao.cc,现在用源码里面的来做演示)找到以下代码
apiurl = "http://api.yinrao.cc/wyplayer/get.php";
将代码中的链接换成你自己的链接,这样就修改完成啦~

调用方法

将以下代码插入HTML或者PHP文件中,都能使用,放在博客上的话可以吧以下代码插入到博客的footer.php中进行调用

<script>auto="open";random="open";name="造梦先生";geci="open";user="1755672650";welcome="open";tips="欢迎访问我的网站";</script>
<script type="text/javascript" src="http://api.aaong.com/wyplayer/music.js"></script>

将这段代码中的网址换成你的网址即可,具体修改参数如下

默认自动播放,随机播放,歌词打开,修改可添加以下参数。
auto           //colse 不自动播放
random         //colse 顺序播放  open 随机播放
name           //播放器名名称
geci           //colse 歌词不显示  open显示歌词
user           //网易主页个人ID
welcome        //colse  关闭网站欢迎语     open打开
tips           //网站欢迎语

手机访问时默认不加载播放器

PS:说好了写两篇文章的,现在弄到现在这个播放器已经初步完成,播放器嘛,就是要出声音,这才是播放器,下一篇文章,我会写如何让它出声音。

大神勿喷,这我也是没办法,确实不知道写点什么,下面是代码下载地址

点击下载

由于调用的是我的GitHub的下载地址,所以下载完一定要重命名文件夹,把-master删除

转载原创文章请注明,转载自: 造梦先生 » 网易左侧悬浮音乐播放器插件(一)

  1. avatar

    😁😁😁