vue使用音頻組件

vue-aplayer中文文檔：https://github.com/SevenOutman/vue-aplayer/blob/develop/docs/README.zh-CN.md

1、安裝音頻組件包vue-aplayer

yarn add vue-aplayer 或 npm install vue-aplayer --save

2、引入

import Aplayer from 'vue-aplayer'

new Vue({
    components: {
        Aplayer
    },
    data(){
        return{
            audioPlayerData: {
                title: '歌曲名',
                artist: '歌手',
                src: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.mp3',
                pic: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.jpg'
            }
        }
    }
})

3、使用

<aplayer class="audio-player" :music="audioPlayerData"></aplayer>