vue-audio-cover-x v1.0.3

基于vue的自定义音频组件(封面版)

NPM

npm install vue-audio-cover-x -D

Example

<template>
    <div id="app">
        <AudioPlayer :musicData="musicData" style="background:rgba(248, 248, 248, 0.7);" @playEndFn="playEndFn"></AudioPlayer>
    </div>
</template>
<script>
    import AudioPlayer form 'vue-audio-cover-x';

    export default {
        name: 'App',
        components: {
            AudioPlayer
        },
        data () {
            return {
                musicData: {
                    title: "起风了",
                    cover: "http://wenba-ooo-qiniu.xueba100.com/cd4ba4a4d6cc0925a9b39d65c3d11ad6.jpeg",
                    src: "http://ting666.yymp3.com:86/new27/mljyyj/1.mp3",
                    audioDuration: 0,
                    id: 0
                }
            }
        },
        methods: {
            playEndFn () {
                alert('播放结束');
            }
        }
    }
</script>

Api

参数

其他说明

选择没有封面图的音频组件，可移步查询 vue-audio-x