uniapp录音功能

录音功能需要使用到uniapp官方文档里面的API

模版区

<template><view><button @tap="startRecord">开始录音</button><button @tap="endRecord">停止录音</button><button @tap="playVoice">播放录音</button></view>
</template>

const recorderManager = uni.getRecorderManager();
const innerAudioContext = uni.createInnerAudioContext();innerAudioContext.autoplay = true;export default {data() {return {text: 'uni-app',voicePath: ''}},onLoad() {let self = this;recorderManager.onStop(function (res) {console.log('recorder stop' + JSON.stringify(res));self.voicePath = res.tempFilePath;});},methods: {startRecord() {console.log('开始录音');recorderManager.start();},endRecord() {console.log('录音结束');recorderManager.stop();},playVoice() {console.log('播放录音');if (this.voicePath) {innerAudioContext.src = this.voicePath;innerAudioContext.play();}}}
}

现在就是可以进行一个简单的录音，暂停以及播放，再根据需求进行更改即可

还有需要注意的就是在进行真机调试的时候需要判断用户是否打开了录音权限

uni.authorize({scope: 'scope.record',success() {recorderManager.start({format: 'mp3'});t.getTimeInterval();uni.setInnerAudioOption({obeyMuteSwitch: false})},fail() {uni.showModal({content: '检测到您没打开录音功能权限，是否去设置打开？',confirmText: "确认",cancelText: '取消',success(res) {recorderManager.start();t.time = setInterval(this.timer, 50)}})}})

uniapp录音功能相关推荐

uniapp实现h5录音功能
uniapp实现h5录音功能 uniapp录音功能是不支持h5的,很多小伙伴可能会遇到在h5实现不了录音功能.下面我将为大家介绍一种我亲测的在uniapp实现h5中的录音. recorder-core ...
天啊！吃饭用的勺子都联网了~手把手带你DIY一款智能百味勺子
减脂餐索然无味,有了它,想什么味就什么味! 健康生活低糖低盐,有了它,即可轻松实现! 良药苦口,有了它,不再难以下咽! 想不想拥有一把神奇的"百味"勺子,把索然无味的食物变出酸甜苦 ...
uni-app:实现H5的录音功能，并上传到服务器
uni-app:实现H5的录音功能在H5中录音有很大的限制,需要在https的域名下或者localhost本地下才可不然会报错 <view><button @tap=" ...
uni-app小程序实现录音功能，uniapp实现录音功能并上传java，uniapp简单实现录音功能
前言 [简单的录音例子,复制过去就可用] 使用了uni组件和uView组件: uniapp小程序授权录音并录制后保存到java后端. 效果图 uniapp实现直接复制过去粘贴到.vue文件即可测试: ...
uniapp 录音_H5原生使用录音功能
更新记录 1.0(2019-07-11) 1,首次发布组件有些不对的地方多指教注意:这个js不是的写的我只是在uni-app中实现一下大家觉的好的话希望多多支持原作者 2,在H5中录音有很大 ...
兼容小程序和app安卓录音功能uniapp
这是一个按钮录音弹窗:你也可你自己换成别的! 点击保存会返回录音的路径通过 v-model 绑定的!(你也可以自己写个emit 返回方法,) 我代码中有我项目录音转文字的接口,使用者注意吧这些 ...
uniapp - [微信小程序] 超详细实时录音功能，录制外部声音及播放上传到服务器（支持录音完毕生成 mp3、试听音频(带进度条)、暂停录音、重新录音、限制录音最大时长、自定义音频名称等功能）
前言网上的教程都太乱了,功能不好用且一堆 BUG,没有注释很难改造示例为自己用. 本文实现了 uniapp 微信小程序平台,授权麦克风进行录音并保存为音频的功能,内置播放器可播放录音文件, 您直接复 ...
uniapp通话录音功能
注:目前只测了安卓8可以用,安卓13不可用,因为安全性问题,安卓把一些权限改成了系统权限,所以不可用,还有一种办法就是把app打包成系统app,目前还未处理. app.vue文件里面 <scri ...
会vue再上手uni-app难度大吗？
uni-app最大优点就是跨平台,但想使用好这个特性,那难度不是一般的大.比如你想开启手机录音功能,如果没有现成的js库,或第三方js库不能满足你的需求,那么你只能自己写,所以你仍要会android或 ...

uniapp录音功能

uniapp录音功能相关推荐

最新文章

热门文章