zhibo/components/chengpeng-audio/redme.md

参数

url	activeColor	startPic	endPic	组件id
音频链接	进度条颜色	开始播放的图片	暂停播放的图片	audioId(必填，且id不可为数字0，建议格式 ‘audio’+数字)

使用方法

//html
<template>
  <free-audio startPic='/static/images/icon/play.png' endPic='/static/images/icon/stop.png' :audioId='audio1' :url='path'></free-audio>
</template>

//js

import freeAudio from '@/components/free-audio.vue'
export default {
    components: {freeAudio},
    data() {
        return{
            path: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3'
        }
    },
    methods: {

    },
} 

//暂停所有音频（一般用于页面切换时停止正在播放的音频）
onUnload() { //普通页面在 onUnload 生命周期中执行
  uni.$emit('stop')
},
onHide() { //tabBar页面在onHide生命周期中执行
  uni.$emit('stop')
}