更新记录

1.0.7（2023-12-07） 下载此版本

更新示例项目

1.0.6（2023-12-07） 下载此版本

obeyMuteSwitch 增加条件编译 修复 event onTimeUpdate bug

1.0.5（2022-07-14） 下载此版本

更新package.json

平台兼容性

插件使用说明

• 基于 uni.createInnerAudioContext() 封装audio音频组件（样式同原生audio组件）
• 支持双向绑定

Example

<luch-audio src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3" :play.sync="audioPlay"></luch-audio>

// 控制变量audioPlay ，如果true音频会播放，否则暂停

Attributes

Events

平台支持度

注意：以上平台支持度为uni-app 对uni.createInnerAudioContext() api 的支持度[文档]，本组件的支持度本人只在微信小程序使用过，其他平台未做测试

使用

下载后把该文件放至 components 文件夹或 特定平台组件 文件夹即可

更新

ChangeLog

可扩展性

api 增加参考 https://uniapp.dcloud.io/api/media/audio-context?id=createinneraudiocontext
组件内的播放暂停图标本人因为要发布组件，所以使用了base64,大家可自行替换；
实例获取可以通过initAudio获取

说明

切换src 或者切换页面都会销毁实例
写本组件的原因就是原生audio组件无法修改宽度，导致某些情况下显示不全，本组件是100%自适应布局；

更多用法，参考示例