盒子
盒子
文章目录
  1. 什么是APlayer
  2. 安装
  3. 使用
    1. 在dist文件夹下新建music.js
      1. music.js 代码

Hexo插入音乐

什么是APlayer

https://aplayer.js.org/#/zh-Hans/

安装

npm install aplayer –save

使用

找到node_modules -> aplayer(复制他的dist文件夹)

复制到F:\blog\themes\这里是你模板名称\source下(也就是你的主题配置文件下的source)

在dist文件夹下新建music.js
music.js 代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
const ap = new APlayer({
container: document.getElementById('aplayer'),
fixed: true,
autoplay: true,
lrcType: 3,
audio: [
{
name: "在水一方",
artist: '李健',
url: 'http://other.web.ri01.sycdn.kuwo.cn/resource/n2/31/23/2648161877.mp3',
cover: 'http://star.kuwo.cn/star/starheads/180/73/49/1131928591.jpg',
lrc: 'song-post/zaishuiyifang.lrc'
},
]
});

在你想播放的页面插入下面代码,xxx.ejs插入以下代码( < body>< /body>内)

1
2
3
4
5
<!-- 插入音乐 -->
<link rel="stylesheet" href="/dist/APlayer.min.css">
<div id="aplayer" ></div>
<script type="text/javascript" src="/dist/APlayer.min.js"></script>
<script type="text/javascript" src="/dist/music.js"></script>

然后即可播放音乐

转载于:https://blog.csdn.net/weixin_40842539/article/details/87655662

支持一下
扫一扫,支持cscwdxgg
  • 微信扫一扫
  • 支付宝扫一扫
-------------本文结束感谢您的阅读-------------