aplayer得使用，记一次aplayer/Aplayer开发心得

aplayer有很多版本，适配vue得，有适配原生得，其中适配vue还有两种(Vue-Aplayer,vue-aplayer)，这里推荐后者，博主两种都用了，但是第二种用着比较好，文档比较完善，前者文档好像不完善，功能不足(前者有个bug，音量调节有些情况无法使用，找了半天也没有修复，遂放弃)。

直接贴上作者得github 点我，其中给出了各种版本，任君选取。

直接进入整体，这里就用博主最后用在项目得一款vue-aplayer做分享。

需求

1. 在切换上下首歌曲得时候，保证页面的列表和播放器对应上(页面列表会显示当前播放歌曲)。
2. 点击页面列表显示播放器且自动播放。
3. 满足多个列表得切换。
4. 一直播放，不会因为页面切换销毁播放器

解决方案

1. 在切换上下首歌曲得时候，保证页面得列表和播放器对应上(页面列表会显示当前播放歌曲)。
   方案：切换得时候传递id，触发页面得监听改变样式
2. 点击页面列表显示播放器且自动播放。
   方案：用store传递值，播放器监听该值，做到显示和自动播放
3. 满足多个列表得切换。
   方案：在页面切换音乐或者切换列表得时候重新做数据传入播放器
4. 一直播放，不会因为页面切换销毁播放器
   方案：用一个单独的页面做播放器，用store控制。

实现

首先：

引入播放器，等等就不细说，如果有问题点击