更新记录

2.0.3（2022-03-24） 下载此版本

优化

2.0.2（2021-07-22） 下载此版本

更新

2.0.1（2021-07-22） 下载此版本

*优化：因部分音频的时长无法被uniapp的api解析，所造成无法正常播放的问题

平台兼容性

参数

使用方法

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

可能出现的问题

若音频无法播放，极有可能是因为 你的音频地址是通过接口请求异步获取到的 解决方法：在组件中添加 v-if='音频地址的变量'