0%

Aplayer播放器

Aplayer播放器,可用于vue项目中。

Aplayer播放器

详情见帮助文档

安装

使用npm安装或者使用标签引入。

1
2
3
4
5
6
7
8
9
10
//方式一:npm安装
npm install aplayer --save
//在main.js文件中进行如下配置:
import 'aplayer/dist/APlayer.min.css';
import APlayer from 'aplayer';


//方式二:标签引入
<link rel="stylesheet" href="APlayer.min.css">
<script src="APlayer.min.js"></script>

使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//在页面中添加一个id为aplayer的元素,例如这里使用一个div标签。
<div id="aplayer"></div>

//js代码如下:
const ap = new APlayer({
container: document.getElementById('aplayer'),
//歌曲列表
audio: [{
name: 'name',
artist: 'artist',
url: 'url.mp3',
cover: 'cover.jpg'
}]
});
若图片不能正常显示,请在浏览器中打开

欢迎关注我的其它发布渠道