更新记录
0.0.5(2024-07-16) 下载此版本
- feat: 增加取消
cancel
事件
0.0.4(2024-07-10) 下载此版本
- chore: 删除多余文件
0.0.3(2024-07-09) 下载此版本
- feat: 增加ios
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | 4.4 | 12 | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
uni-app x
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | 5.0 | 12 | - | - |
lime-recorder
- 参考 getRecorderManager API实现的 uts 录音 api 兼容uniappX(ios,安卓)
安装
导入插件后即可
基础使用
<button @click="startRecord">开始录音</button>
<button @click="endRecord">录音结束</button>
<button @click="playVoice">播放</button>
<button @click="stopVoice">暂停播放</button>
import { getRecorderManager } from '@/uni_modules/lime-recorder'
import { createInnerAudioContext } from '@/uni_modules/lime-audio-player/index.uts'
const recorderManager = getRecorderManager();
const player = createInnerAudioContext()
recorderManager.onStop((res)=> {
console.log('recorder stop', res);
player.src = res.tempFilePath;
});
const startRecord = ()=> {
console.log('开始录音');
recorderManager.start();
}
const endRecord = () => {
console.log('录音结束');
recorderManager.stop();
}
const playVoice = () => {
console.log('播放录音');
player.play()
}
const stopVoice = () => {
console.log('停止播放');
player.stop()
}
API
因为直接参照小程序getRecorderManager
API,所以可以参考getRecorderManager文档
打赏
如果你觉得本插件,解决了你的问题,赠人玫瑰,手留余香。