vue2.x + vue-aplayer实现音乐播放和歌词滚动

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容