首页 > 其他分享 >博客园博客美化使用APlayer+Meting实现音乐播放

博客园博客美化使用APlayer+Meting实现音乐播放

时间:2023-06-15 13:11:21浏览次数:48  
标签:Index 博客园 默认 APlayer Meting id

效果图如下

把代码贴入 页脚HTML 代码中

<!-- 线条背景动画 -->
<!-- color: 线条颜色,默认:‘0,0,0’;三个数字分别为(R,G,B),注意使用,分割
   opacity: 线条透明度0~1,默认0.5
   count: 线条总数量,默认99
   z-Index: 背景的z-Index属性,css用于控制所在层的位置,默认-1 (1置顶显示)-->
<script src="https://files.cnblogs.com/files/blogs/795873/myjs.js?t=1686803351&download=true" color="255,112,12" opacity="1" count="299" zindex="-1"></script>

<!-- 网易云音乐 -->
<link rel="stylesheet" href="https://files.cnblogs.com/files/blogs/795873/APlayermini.css?t=1686804440&download=true">
<script src="https://files.cnblogs.com/files/blogs/795873/APlayer.min.js?t=1686804440&download=true"></script>
<div id="aplayer" class="aplayer" data-id="8419645741" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://files.cnblogs.com/files/blogs/795873/Meting.min.js?t=1686804440&download=true"></script>

其中,server指的是平台名称,netease是网易;tencent是腾讯;xiami是虾米;kugou是酷狗;baidu是百度。  

type指的是类型,playlist是歌单;song是单曲;album是专辑;search是关键词;artist是歌手。  

id指的是音乐页面链接上的id,比如下图所示的id

 

 

标签:Index,博客园,默认,APlayer,Meting,id
From: https://www.cnblogs.com/misakayoucn/p/17482578.html

相关文章

  • 便捷同步本地的博客文档到博客园
    前言我写博客的初心很简单,一是一些软件的配置过程(防止第二次配置的时候又抓瞎);二是记录下一下自己学习过程中的一些心得体会,在高乙超的博客中,我曾经看到一句话,叫"Tolearn,read;Toknow,write;Tomaster,teach"。过去二十年里,在学习的过程中,一直是作为一个输入方,应付考试......
  • 20230609 感谢博客园
    几年都没有登录了,在短视频、新媒体发达的现在,在少有人静心写博客的现在,博客园能坚持下来,没把我的博客弄丢,没迁移到这里那里,由衷地感谢!又一个曾经前沿配置的电脑硬盘告急,来搜自己曾经记下的换SSD攻略,恍惚一个时代又过去了。......
  • 博客园使用教程
    博客园注册按照引导注册账号申请写博客权限申请JS权限博客园美化选择SimpleMemory博客皮肤侧边栏界面美化在侧边栏公告处粘贴代码引用美化网址:https://zhangheheya.notion.site/9cfdff177556457f94cd08ef26c7dc86<scripttype="text/javascript">......
  • word2019发布博客到博客园,解决word配置时出现的问题
    一开始按照网上的教程设置了博客URL,类似https://www.cnblogs.com/xxxxxxx/services/metaweblog.aspx这种,没有成功,再去查发现2021年之后就不支持这种URL地址了。改用设置-基本设置中的MetaWeblog访问地址,但还是提示word无法注册您的账户,也检查了用户名和密码就是登录时的用户名密......
  • 2016-05-05就加入博客园的我,直到23年5月才开始真正的学习编程
    去年从工作4年的上家公司离职后,发现自己连工作都找不到,浑浑噩噩一点点把手里的钱全部用完了,发现自己一无所有,看着2016第一篇随笔上的加油,是多么的讽刺开始后悔,开始回忆自己的过往,想起初中时对游戏外挂的幻想,想起高二的那一天找到了脚本之家,找到了一本编程的书籍,写了人生中第一个C......
  • 博客园 - 用过的博客园主题
       页面定制CSS代码#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px00-20px;ba......
  • 博客园 - 博客园主题装饰
    自动生成可导航的目录·效果图自动生成可导航的目录·脚本内容鼠标点击彩色圆点特效·效果图   自动生成可导航的目录·效果图添加了文章目录自动生成的脚本,以及通过JS自定义了导航栏。标题1则为:1标题2则为:1.1标题号会自动生成,所以即使博文未以标题标注层次......
  • APlayer & MetingJS 音乐播放器使用指南
    1.介绍APlayer是一个简洁漂亮、功能强大的Html5音乐播放器,GitHub地址:https://github.com/DIYgod/APlayerMetingJS是为APlayer添加网易云、QQ音乐等支持的插件,GitHub地址: https://github.com/metowolf/MetingJS2.安装引用三个文件APlayer.min.js  APlayer.min.css ......
  • Open Live Writer 写博客园
    windows客户端下载地址https://openlivewriter.azureedge.net/stable/Releases/OpenLiveWriterSetup.exe项目开源地址https://github.com/OpenLiveWriter/OpenLiveWriter竟然将主题也从博客园上拉了下来,预览效果,如下图所示:......
  • 隐藏博客园上方标题栏
    问题解决在页面定制CSS代码中添加#top_nav{display:none}现在没了,舒服了参考评论区第9楼:全新bili主题-GShang-博客园(cnblogs.com)......