如何给网站添加一个永久免费的HTML5悬浮音乐播放器-无需插件

前言

这两天在优化自己博客时突然特别单调,总觉的少了点什么,自己电脑的网易云推荐的一些歌也真的是一言难尽,所以就想着给自己的博客添加制作一个底部磁吸的悬浮播放器,这样子逛博客的时候也能听歌缓解一下

特色功能

1、只需四行代码,源码我上载在 jsdelivr 及 Gitee,秒加载,

PS:调用别人的源码总觉得他倒闭了怎么办,那就没法用了,反正我是这么想的~所以我把源码上传到永久地址!

2、所有歌曲调用网易云歌曲,只要网易不倒闭就能一直用

3、内置集成网易云歌词 LSC 文件,播放有歌词预览

4、可以在任何你想添加的页面添加,无需插件

5、歌是曲网易云热歌 TOP 榜单集成了将近上百首,后面会持续更新

代码如下:

效果图

使用教程

具体实际效果可以根据本站看实际效果,下方提供三种添加方法,具体根据自己的情况选择添加下方代码

子比主题快速添加方式:

添加路径子比主题后台—>自定义代码—>自定义底部 HTML 代码—>添加下方的代码

其他博客主题添加方式:

将下方代码添加至网站底部文件即可:例如:foot.php

单页的 php 和 html 添加方式:

将下方代码直接添加在 index.html(php)首页文件底部就可以

温馨提示:本文最后更新于2022-01-10 12:00:50,某些文章具有时效性,若有错误或已失效,请在下方留言或联系不二大叔
------本页内容已结束,喜欢请分享------

© 版权声明
THE END

获取更多精彩文章请收藏本站

点赞99赞赏 分享
评论 共42条

请登录后发表评论