驰网飞飞 发表于 2023-5-30 14:59:07

HTML网页怎么添加音乐?HTML5悬浮音乐播放器源码

为了美化网站,我在网站上面添加了一个HTML悬浮音乐播放器,先来看看一下效果图。



如何在自己的网站上添加HTML悬浮音乐播放器呢?今天和你们分享

首先申明三点:

1、本播放器实际上是调用网易音乐云的音乐进行播放,音乐版权归网易云音乐所有,仅供个人学习研究,用于商用的后果自负!
2、本播放器的演示效果可以在我的博客首页看到,默认支持所有Html和PHP环境的网站。
3、本播放器可以使用电脑、手机、IPAD等设备访问,自适应。)

具体的操作方法:

在网站源文件中(如果有单独的页脚文件,也可以放在页脚文件里面)添加这三行代码:

<!--音乐播放器-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="https://myhkw.cn/player/js/player.js" id="myhk" key="demo" m="1"></script>
然后保存发布,在浏览器刷新网页就看到效果了

感谢你的阅读,服务器大本营助您成为更专业的服务器管理员!
页: [1]
查看完整版本: HTML网页怎么添加音乐?HTML5悬浮音乐播放器源码