redme.md 1.1 KB

参数

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')
}