更新记录

v1.0.2（2023-12-29） 下载此版本

经过测试兼容微信小程序，H5，抖音小程序

v1.0.1（2023-12-28） 下载此版本

发布微信小程序 图标找不到

v1.0.0（2023-12-28） 下载此版本

无

平台兼容性

uni-app

其他

欢迎使用 my-audio 在线音乐播放器 不支持倍速 使用uni.createInnerAudioContext()方法搭建 插件内有my-video支持倍速 使用uni.createVideoContext()方法搭建

因为uni-notice-bar 默认上下太宽了 我修改了此插件得默认样式 .uni-noticebar { / #ifndef APP-NVUE / display: flex; width: 100%; box-sizing: border-box; / #endif / flex-direction: row; align-items: center; // padding: 10px 12px; //这里注释了 // margin-bottom: 10px; //这里注释了 }

props (组件属性)

组件事件

ref 事件

<my-audio isCountDown ref="audio" src="音频路径" title="标题名称" subTitle="副标题名称" ></my-audio>
<my-video isCountDown ref="audio" src="音频路径" title="标题名称" subTitle="副标题名称" ></my-audio>

//项目为vue2时 调用跳转到音乐15s位置方法，如下:
this.$refs.audio.changePlayProgress(15)

//项目为vue3时 请通过value形式调用子组件方法

View代码

<my-audio ref="audio" src="音频路径"  title="标题名称" subTitle="副标题名称"></sy-audio>
<my-video ref="audio" src="音频路径"  title="标题名称" subTitle="副标题名称"></my-video>

//项目为vue2时 src为本地路径时，使用require方法，如下:
<my-audio :src="require('@/static/audio.mp3')"></sy-audio>
<my-video :src="require('@/static/audio.mp3')"></my-video>

//项目为vue3时 src为本地路径时，使用自定义方法，如下:
<my-audio :src="toUrl('../../static/audio.mp3')"></sy-audio>
<my-video :src="toUrl('../../static/audio.mp3')"></my-video>
methods: {
    toUrl(src){
        return new URL(src, import.meta.url).href
    }
}

my-audio my-video 将会持续更新，欢迎大家踊跃提出宝贵建议；