在自己的网站上添加HTML悬浮音乐播放器

春节无聊,于是在我的导航站(https://web.gxnas.com)上面添加了一个HTML悬浮音乐播放器,先来看看一下效果图(左下角):

 

首先要说明三点:

1、本播放器实际上是调用网易音乐云的音乐进行播放,音乐版权归网易云音乐所有,仅供个人学习研究,用于商用的后果自负!

2、本播放器的演示效果在我的博客(https://wp.gxnas.com)或者在我的导航站(https://web.gxnas.com)都可看到,默认支持所有PHP环境的网站。

3、本播放器需要使用电脑、IPAD等设备访问,如用手机访问默认为不加载播放器。)


具体的操作方法:编辑网站首页(如果有单独的页脚文件,也可以放在页脚文件里面)的源码,添加这三行代码:

<script type="text/javascript" src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>auto="open";random="open";name="GXNAS音乐播放器";geci="open";user="50625760";welcome="open";tips="欢迎光临GXNAS网站";</script>
<script type="text/javascript" src="https://web.gxnas.com/js/music.js"></script>

 

播放器的配置文档说明(参数控制):可修改:是否自动播放,是否显示歌词,是否启用网站欢迎语。系统默认:自动播放+随机播放+歌词显示。

auto //colse 不自动播放 open 自动播放
random //colse 顺序播放 open 随机播放
name //播放器名名称 注:不可为空
geci //colse 歌词不显示 open显示歌词
user //网易主页个人ID 注:不可为空
welcome //colse 关闭网站欢迎语 open打开
tips //网站欢迎语 注:不可为空

 

 

点赞

发表评论