APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件。APlayer音乐播放器可以自定义歌曲封面，可以自定义同步歌词等，界面时尚大方，是一款非常好的HTML5音乐播放器插件。
安装
可以通过npm来安装APlayer音乐播放器插件。
$ npm install aplayer
使用方法
使用APlayer音乐播放器插件需要引入APlayer.min.css和APlayer.min.js文件。
HTML结构
可以使用一个
元素作为音乐播放器的容器。
如果需要为歌曲添加同步歌词，可以在容器中使用pre.aplayer-lrc-content来设置歌词。
[ti:平凡之路]
[ar:朴树]
[al:《后会无期》主题歌]
[by:周敏]
[00:00.00]平凡之路 - 朴树
[00:04.01]作词：韩寒 朴树
[00:08.02]作曲：朴树 编曲：朴树
[00:12.02]徘徊着的 在路上的
[00:17.37]你要走吗
[00:23.20]易碎的 骄傲着
[00:28.75]那也曾是我的模样
初始化插件
可以通过下面的方式来初始化APlayer音乐播放器插件。
var ap = new APlayer({
element: document.getElementById('player1'),
narrow: false,
autoplay: true,
showlrc: false,
music: {
title: 'Preparation',
author: 'Hans Zimmer/Richard Harvey',
url: '1.z0./Preparation.mp3',
pic: '1.z0./Preparation.jpg'
}
});
ap.init();
配置参数
{
element: document.getElementById('player1'),
narrow: false,
autoplay: true,
showlrc: false,
music: {
title: 'Preparation',
author: 'Hans Zimmer/Richard Harvey',
url: '1.z0./Preparation.mp3',
pic: '1.z0./Preparation.jpg'
}
}
element：可选参数，音乐播放器元素。
narrow：可选参数，简洁模式。
autoplay：可选参数，自动播放，移动手机不支持该参数。
showlrc：可选参数，是否显示歌词。
music：必选参数，音乐信息。
title：必选参数，歌曲的标题。
author：必选参数，歌手信息。
url：必选参数，歌曲所在的URL。
pic：必选参数，歌曲的封面。
方法
APlayer音乐播放器插件有以下3个控制方法：
ap.init()：初始化。
ap.play()：播放。
ap.pause()：暂停。
