更新记录
1.0.0(2023-07-20)
下载此版本
新发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.8.6 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
音频播放器组件
这是一个可复用的 Vue 音频播放器组件,用于播放音频文件。
特性
- 播放/暂停音频
- 停止音频
- 监听音频结束
- 可自定义样式
使用方法
<lm-audio
src="/path/to/audio.mp3"
@onPlay="onPlayHandler"
@onPause="onPauseHandler"
@onStop="onStopHandler"
@onEnded="Handler"
></lm-audio>
src
属性设置音频文件源
- 使用
@onPlay
、@onPause
、@onStop
、@onEnded
监听事件
- 通过传递
innerStyle
对象类型的 prop 来自定义样式
methods: {
onPlayHandler() {
// 播放时的处理
},
onPauseHandler() {
// 暂停时的处理
}
// 等等
}
属性
参数名 |
类型 |
是否必需 |
描述 |
src |
String |
是 |
音频文件路径或 URL |
innerStyle |
Object |
否 |
组件内联样式 |
事件
事件名 |
参数 |
描述 |
onPlay |
Event |
音频播放时触发 |
onPause |
Event |
音频暂停时触发 |
onStop |
Event |
音频停止时触发 |
onEnded |
Event |
音频结束时触发 |