Vue中音樂播放器

一.安裝依賴

yarn add vue-aplayer

​ or`

npm i vue-aplayer

二.使用

<template>
    <div class="vue_aplayer">
        <aplayer autoplay
          :music="{
            title: '歌曲標題',
            artist: '歌手名',
            src: '歌曲url',
            pic: '歌曲播放器封面url'
          }"
        />
    </div>
</template>

<script>
    import aplayer from 'vue-aplayer'
    export default {
        name: "VueAplayer",
        components: {
                aplayer
            }
    }
</script>
<style scoped>

</style>

三.官方文檔

點我官方文檔

點我中文官方文檔