vue音乐播放器vue-aplayer的使用

Posted 2023-02-08 上衫_

安装

使用npm

 npm install @moefe/vue-aplayer --save

使用yarn

yarn add @moefe/vue-aplayer

使用

main.js

import APlayer from '@moefe/vue-aplayer';

Vue.use(APlayer, 
  defaultCover: 'https://github.com/u3u.png',
  productionTip: true,
);

App.vue

<template>
  <div id="app">
    <aplayer :audio="audio" :lrcType="3" />
  </div>
</template>

<script>
export default 
  data() 
    return 
      audio: 
        name: '东西（Cover：林俊呈）',
        artist: '纳豆',
        url: 'https://cdn.moefe.org/music/mp3/thing.mp3',
        cover: 'https://p1.music.126.net/5zs7IvmLv7KahY3BFzUmrg==/109951163635241613.jpg?param=300y300', // prettier-ignore
        lrc: 'https://cdn.moefe.org/music/lrc/thing.lrc',
      ,
    ;
  ,
;
</script>

官方文档