更新记录
1.0.4(2023-10-09) 下载此版本
想了想,还是不支持多实例了
1.0.3(2023-02-21) 下载此版本
支持多个实例
1.0.2(2023-02-21) 下载此版本
解决重录后无法播放的问题;
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
注意
示例中不包含小程序的appid,请使用者手动添加一个,可以使用小程序提供的测试号
基本用法
<template>
<view class="content">
<ch-record-audio ref="audio"></ch-record-audio>
<button type="default" @tap="getAudio">获取音频文件</button>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
getAudio() {
let res = this.$refs.audio.get()
console.log(res);
}
}
}
</script>
属性
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
width | 组件的宽度 | String | 690rpx |
max | 最大录音时长 | Number | 10000(ms) |
title | 音频名称 | String | 新的音频 |
url | 音频路径 | String | (空) |
duration | 音频格式 | Number | (url不为空时有效) |
format | 音频时长, 有效值 aac/mp3/wav/PCM | Number | App默认值为mp3,小程序默认值aac |
@confirm | 录音完成后的返回值 | function | {title,path,duration} |
方法
// 获取音频的名称、路径、时长
this.$refs.audio.get()