uniapp APP实现行程录音,代码
时间: 2023-08-12 08:17:22 浏览: 87
首先需要在uniapp中引入录音插件,例如使用 uni-voice-recorder 插件:
1. 安装插件
在项目根目录下打开终端(或命令行),执行以下命令:
```
npm install uni-voice-recorder --save
```
2. 在页面中使用
在需要录音的页面中引入插件,并在页面的methods中添加开始录音、停止录音和播放录音的方法。
```html
<template>
<view>
<button @click="startRecord">开始录音</button>
<button @click="stopRecord">停止录音</button>
<button @click="playRecord">播放录音</button>
</view>
</template>
<script>
import recorder from 'uni-voice-recorder';
export default {
methods: {
startRecord() {
recorder.start({
// 录音时长,单位毫秒,默认60000
duration: 60000,
success(res) {
console.log('录音成功:', res);
},
fail(err) {
console.log('录音失败:', err);
}
});
},
stopRecord() {
recorder.stop();
},
playRecord() {
recorder.play({
src: this.recordPath,
success() {
console.log('播放录音成功');
},
fail() {
console.log('播放录音失败');
}
});
}
}
};
</script>
```
上面的代码中,startRecord方法调用录音插件的start方法开始录音,stopRecord方法调用录音插件的stop方法停止录音,playRecord方法调用录音插件的play方法播放录音。录音完成后,会返回录音文件的路径,可以在success回调函数中获取。
3. 权限申请
在使用录音插件前,需要在manifest.json文件中进行权限申请:
```json
{
"app-plus": {
"permissions": {
"record": {
"desc": "用于录制音频"
}
}
}
}
```
以上就是uniapp APP实现行程录音的代码。
阅读全文