uniapp 小程序对接 【同声传译】（免费）插件 实现语音转文字

阳台上的阳光2025-01-18 20:33:22

【同声传译】是一款免费的 语音转文字的 小程序插件（还算良心，不过不知道啥时候会收费）。

如果需要进行语音转文字，可以按照下面的步骤来进行操作：

插件地址：同声传译

一、添加

b98a0de83db742fd9653139806a7d272.png

8c1c3727e09f4a3ead473c2c729e5392.png

二、配置

在 manifest.json 文件中添加该插件：

 "mp-weixin" : {
        "appid" : "xxxx",
        "setting" : {
            "urlCheck" : false,
            "minified" : true,
            "es6" : true
        },
        "plugins" : {
            "WechatSI" : {
                "version" : "0.3.3",
                "provider" : "wx069ba97219f66d99" //
            }
        },
    },

二、使用

以vue2 为例，用一个 按钮来测试 录音并转文字的效果：

<template>
    <view @touchstart="touchStart" @touchend="touchEnd">
       <span>长按输入语音</span>
    </view>
    <view>{{content}}</view>
</template>

<script>
var plugin = requirePlugin('WechatSI');
let manager = plugin.getRecordRecognitionManager();
export default{
    data(){
      return {
        content:"",
      }
    },
    onShow() {
        //插件初始化
	this.initRecord();
    },
    methods:{
       //按下事件，这里直接开始录音
       touchStart() {
	 manager.start({
		duration: 60000,//指定录音的时长，单位ms，最大为60000
		lang: 'zh_CN'//识别的语言，目前支持zh_CN en_US zh_HK
	    });
      },
      //松开事件，这里停止录音
      touchEnd(e) {
	manager.stop();
      },
      //初始化插件，监听录音事件，并获取录音内容
      initRecord() {
	manager.onStart = (res) => {
	   console.log('start', res.msg);
	};
	//有新的识别内容返回，则会调用此事件
	manager.onRecognize = (res) => {
	    console.log('onRecognize');
	};
	// 识别结束事件 先将问题放入 再异步放入回答
	manager.onStop = (res) => {
            this.content = res.result;
	    console.log(res.result);
            //TODO:执行其他操作
	};
	// 识别错误事件
	manager.onError = (res) => {
	   console.log('onError');
	};
    },
}
</script>

搞定，有问题请留言

注意，在微信开发者工具无法测试效果，通过预览在手机上进行测试