给站点添加音乐播放器(免费)

发布于 2024-04-13  236 次阅读


废话不多说,直接上效果图

想给你的站点添加上面的播放器吗,看这篇文章就对辣!

免费的,不需要任何音乐会员

不需要任何的api接口哦~完全免费

1.准备工作

笒鬼鬼播放器(免费!免费!免费!)

②聪明的小手和大脑

③任意站点即可

2.配置播放器

注册好账号后进入后台,依次添加播放器,添加歌单

添加好以后点击管理歌单,找到你的歌单

导入歌单(注意!!目前酷狗音乐无法使用,请使用网易云音乐或QQ音乐

(不会导入歌单的宝子请稍微等一等~过几天会出教程 也可以手动搜索)

友情引用:下一篇文章

站点添加音乐播放器(导入歌单篇)

O.o配置什么的就不用我细说了吧

这里任意设置

样式如下,可任意配置

那么到这里,配置工作就做完啦!

3.部署工作

①首先,拿出来html基础骨架给大家瞅瞅

<!DOCTYPE html> // html5声明
<html lang="en"> // 网页声明 zh-CN指的是中文 en就是英文
    <head> // 头部标签 ==> 指的是头部标签开始
        <meta charset="UTF-8"> // 声明字符编码
        <title>Document</title> // 网页标题
    </head> // 头部结尾标签 ==> 指的是头部标签结束
    
    <body> // 页面主体开始
        这里就是显示网页内容的地方,也就是放播放器代码的地方!
    </body> // 页面主体结束
</html> // 结尾

看不懂没关系只要知道播放器代码加哪就行,所有网页都是一样的!
②代码演示(样式9)

<!-- jQuery插件 -->
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>

<!-- 音乐播放器代码 -->
<div id="music" key="64a2b85c43be6" api="https://y.cenguigui.cn"></div>
<script id="xplayer" src="https://y.cenguigui.cn/Static/player9/js/player.js" ></script>

作者的这款播放器主要是基于jQuery开发的 所以

jQuery插件 一定是放到播放器代码的上面(不然可能会显示不出来出现报错的情况)

播放器代码放到上方是最合适的

也就是说,把上面的两行代码插入到骨架所示位置即可!

大概就是这样了,剩下的就留给大伙去探索了

注意!像WP这种系统的站点,如果您使用了主题可以直接在主题设置里面的尾页信息里放置代码即可!

  • wechat_img
人间客
最后更新于 2024-04-30