安装
使用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>
官方文档