APlayer是一个模仿网易云音乐的链式播放器UI的HTML5音乐播放器插件。 APlayer音乐播放器可以定制歌曲封面，可以定制同步歌词等，界面时尚大方，是一个很好的HTML5音乐播放器插件。
安装
APlayer音乐播放器的插件可以通过npm安装。
$ npm install aplayer
使用方法
要使用APlayer音乐播放器的插件，必须导入APlayer.min.css和APlayer.min.js文件。
HTML结构
可以用一个
要素作为音乐播放器的容器。 如果需要在歌曲中添加同步歌词，可以在容器中使用pre.aplayer-lrc-content设置歌词。
[ti:平凡之路]
[ar:ygdhm]
[al: 《后会无期》主题歌]
[by:xfdcb]
[00:00.00]平凡之路- ygdhm
[00:04.01]作词：韩寒ygdhm
[00:08.02]作曲： ygdhm编曲： ygdhm
[00:12.02]徘徊的道路的
[00:17.37]你去吗
[00:23.20]具有易碎的自豪感
[00:28.75]那也是我的样子
初始化插件
您可以使用以下方法初始化APlayer音乐播放器插件：
var ap=new APlayer({ (
element : document.getelementbyid (player1)、
narrow :假，
自动：真，
show LRC :假，
music: {
标题： ' preparation '，
author : ' tzdbzzimmer/Richard Harvey '，
URL : ' http://7 xifn9.com1. z0.glb.cloud dn.com/preparation.MP3 '，
pic : ' http://7 xifn9.com1. z0.glb.cloud dn.com/preparation.jpg '
}
)；
ap.init (；
参数的设定
{
element : document.getelementbyid (player1)、
narrow :假，
自动：真，
show LRC :假，
music: {
标题： ' preparation '，
author : ' tzdbzzimmer/Richard Harvey '，
URL : ' http://7 xifn9.com1. z0.glb.cloud dn.com/preparation.MP3 '，
pic : ' http://7 xifn9.com1. z0.glb.cloud dn.com/preparation.jpg '
}
}
element :可选参数，音乐播放器元素。
narrow :可选参数，简单模式。
autoplay :可选参数，自动播放，手机不支持此参数。
showlrc :可选参数，是否显示歌词。
music :必需参数，音乐信息。
title :必填参数，歌曲标题。
author :必需参数，歌手信息。
url :必填参数，歌曲所在的url。
pic :必填参数，歌曲封面。
方法
APlayer音乐播放器的插件有三种控制方法：
ap.init (:初始化。
ap.play (:播放。
ap.pause (:暂停)。