halo使用Aplayer音乐播放器

下载安装

服务器安装 halo cms 搭建网站(略)

进入 halo 后台页面

应用市场搜索 Aplayer 安装使用

使用

插件使用

在插件自定义界面输入以下 api

https://api.injahow.cn/meting/?server=netease&type=playlist&id=2619366284
server选择数据源(netease网易云 tencentQQ音乐)
playlist播放歌单
id为对应数据源的歌单id

查看详细用法请访问以下网站 https://api.injahow.cn/meting/

页面显示

在页脚输入以下 html 代码

<meting-js
  type="playlist"
  autoplay="true"
  loop="all"
  order="random"
  fixed="true"
  lrc-type="0"
  cover="false"
></meting-js>
<style> 
.aplayer { 
  position: fixed; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  z-index: 1000; 
  transform: translate(-70px,-60px); /* 悬停时同时应用X和Y方向的变换 */
  transition: transform 0.3s ease; /* 添加过渡效果使动画更平滑 */
} 
.aplayer:hover {
  transform: translateY(-60px);
}
</style>