【uniapp】使用permission获取录音权限及实现录音功能

代码x手莓莓

已于 2023-12-11 11:08:49 修改

阅读量3.3k

点赞数 1

分类专栏： uniapp app ios 文章标签： uni-app 前端

于 2023-08-17 18:00:59 首次发布

本文链接：https://blog.csdn.net/qq_45481971/article/details/132346377

版权

uniapp 同时被 3 个专栏收录

12 篇文章 3 订阅

订阅专栏

app

7 篇文章 0 订阅

订阅专栏

ios

2 篇文章 0 订阅

订阅专栏

需求

app获取录音权限权限, 实现录音并且播放功能

实现

一. 使用permission获取录音权限

原博 : https://www.wanjunshijie.com/note/uniapp/3203.html

1.1 安卓 : manifest.json 配置权限 android.permission.RECORD_AUDIO

在这里插入图片描述
**ios : manifest.json模块配置 Record **

1.2 permision使用和下载 ( 自行百度搜索即可 )

1.3 获取录音权限

		import permision from "@/utils/permission.js"
			open() {
				let env = uni.getSystemInfoSync().platform
				if (env === 'android') {
					permision.requestAndroidPermission('android.permission.RECORD_AUDIO').then((e) => {
						if (e === -1) {
							uni.showToast({
								title: '您已经永久拒绝录音权限，请在应用设置中手动打开',
								icon: 'none',
							})
						} else if (e === 0) {
							uni.showToast({
								title: '您拒绝了录音授权',
								icon: 'none',
							})
						} else if (e === 1) {
							this.show = true
						} else {
							uni.showToast({
								title: '授权返回值错误',
								icon: 'none',
							})
						}
					}).catch((err) => {
						uni.showToast({
							title: '拉起录音授权失败',
							icon: 'none',
						})
					})
				} else if (env === 'ios') {
					if (permision.judgeIosPermission("record"))
						this.show = true
					else
						uni.showToast({
							title: '您拒绝了录音授权，请在应用设置中手动打开',
							icon: 'none',
						})
				}
			},

ios打开麦克风权限也需要申请麦克风权限 requestRecordPermission

	// 当麦克风权限未开启时, 申请麦克风权限
	var avaudiosession = plus.ios.import("AVAudioSession");
	var avaudio = avaudiosession.sharedInstance();
	avaudio.requestRecordPermission(()=>{
	    console.log('申请麦克风权限');  
	});

下方截图来自 : https://ask.dcloud.net.cn/question/142395
在这里插入图片描述

关于麦克风权限申请和获取简单理解步骤 :

menifest.json 模块和权限进行配置(配置完需要重新打包)
安卓
调用plus.android.requestPermissions([permissionID]), 来查询权限 , 未打开则弹窗询问
ios
先调recordPermission(), 查询权限, 未做出选择则申请权限requestRecordPermission(), 若已申请权限, 但是用户拒绝, 则跳转到"设置"

二. 开始 / 停止 / 播放录音

文档 : https://uniapp.dcloud.net.cn/api/media/record-manager.html#getrecordermanager

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

		const recorderManager = uni.getRecorderManager();
		const innerAudioContext = uni.createInnerAudioContext();
		innerAudioContext.autoplay = true;
		
			startRecord() {
				console.log('开始录音');
				recorderManager.start();
			},
			endRecord() {
				console.log('录音结束');
				recorderManager.stop()
				recorderManager.onStop((res) => {
					console.log(res, '开始录音的回调')
					this.voicePath = res.tempFilePath;
				})
			},
			playVoice() {
				console.log('播放录音');

				if (this.voicePath) {
					innerAudioContext.src = this.voicePath;
					innerAudioContext.play();
				}
			},