Files
aistream-test/前端插件备份/yao-RecordFrame_1.0.5_example
2025-12-01 03:42:34 +08:00
..
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00
x
2025-12-01 03:42:34 +08:00

yao-RecordFrame

##配置 需要将模块下uni_modules/yao-RecordFrame的dist复制到static目录下面 或者 将uni_modules/yao-RecordFrame/dist目录的配置文件放到static/dist目录下面

###说明 插件只适用于接实时语音识别的模型,不适合录音上传

示例代码

<template>
	<view class="content">
		<view class="start-record" @click="onStartRecord">开始录音</view>
		<view class="stop-record" @click="onStopRecord">停止录音</view>
		
		<view class="frame">
			<view>实时回调是否是最后一帧{{isLastFrame}}</view>
			<view class="frameBuffer">{{frameBuffer}}</view>
		</view>
		
		<yao-RecordFrame
		ref="recordFrame"
		@onFrameRecorded="frameRecorded"
		@onStop="stopIt"></yao-RecordFrame>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				frameBuffer:'',//实时帧的frameBuffer值
				isLastFrame:false,//是否是最后一帧
			}
		},
		onLoad() {

		},
		methods: {
			onStartRecord(){
				//开启录音(仅支持两种参数)
				this.$refs.recordFrame.start({
					sampleRate:16000,
					frameSize:1024
				})
			},
			onStopRecord(){
				//停止录音
				this.$refs.recordFrame.stop();
			},
			//停止录音
			stopIt(base64){
				//base64音频只能在浏览器播放
				//也可以base64音频转成文件音频可app播放
				console.log(base64);
			},
			frameRecorded({isLastFrame,frameBuffer}){
				console.log(isLastFrame,frameBuffer);
				if(!isLastFrame){
					this.frameBuffer=frameBuffer;
				}
				
				this.isLastFrame=isLastFrame?'true':'false';
			}
		}
	}
</script>