halo使用Aplayer音乐播放器
下载安装
服务器安装 halo cms 搭建网站(略)
进入 halo 后台页面
应用市场搜索 Aplayer 安装使用
使用
插件使用
在插件自定义界面输入以下 api
https://api.injahow.cn/meting/?server=netease&type=playlist&id=2619366284
server选择数据源(netease网易云 tencentQQ音乐)
playlist播放歌单
id为对应数据源的歌单id查看详细用法请访问以下网站
页面显示
在页脚输入以下 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>