npm install vue-aplayer --save

我们需要在使用的vue文件里面引入

// ES6
import Aplayer from "vue-aplayer";

new Vue({
  components: {
    Aplayer,
  },
});

<aplayer
  autoplay
  :music="{
    title: 'Preparation',
    author: 'Hans Zimmer/Richard Harvey',
    url: 'http://devtest.qiniudn.com/Preparation.mp3',
    pic: 'http://devtest.qiniudn.com/Preparation.jpg',
    lrc: '[00:00.00]lrc here\n[00:01.00]aplayer',
  }"
>
</aplayer>

属性

image.png

歌曲信息

属性music既能够是包含歌曲信息的对象类型，也能够是包含这些对象的数组类型

image.png

事件

image.png