微信小程序使用同声传译实现语音识别功能

// app.json
{
    ...
    "plugins": {
        ...
        "WechatSI": {
            "version": "0.3.4", // 这是同声传译的版本（也可以在微信公众平台添加的同声传译查看最新版本）
            "provider": "wx069ba97219f66d99" // 这是同声传译的ID
        }
    }
}

// manifest.json

"mp-weixin": {
    "appid": "xxxxxxxxxx", // 这是你小程序的AppId
    ...
    "plugins": {
        "WechatSI": {
            "version": "0.3.4", // 这是同声传译的版本（也可以在微信公众平台添加的同声传译查看最新版本）
            "provider": "wx069ba97219f66d99" // 这是同声传译的ID
        }
    }
}

// index.Vue 在这里我的页面布局只写了语音按钮（简化了）
<template>
    <div @click="yuyin" class="yuyin-icon">
        <img :src="baseUrlImg+'/yuyin.png'" alt="" class="img" />
    </div>
</template>
<script>
    export default {
        data() {
            return {
                // 这是搜索框中的内容
                search_Word: ''
            }
        },
        methods: {
            // 语音点击事件
            yuyin: function() {
                var that = this
                // 向用户发起授权请求
                uni.authorize({
                    scope: 'scope.record', // 获取录音功能，也就是麦克风权限
                    success: (res) => {
                        // 用户授权使用麦克风权限调用语音搜索事件函数
                        that.plugin()
                    },
                    // 用户没有授权使用麦克风权限执行以下代码
                    fail(res) {
                        // 显示模态弹窗提示用户没有开启麦克风权限
                        uni.showModal({
                            content: '检测到您未开启麦克风权限，请保持麦克风权限为开启状态',
                            confirmText: '去开启',
                            showCancel: false,
                            success: (res) => {
                                console.log(res)
                                if(res.confirm) {
                                    // 调起客户端小程序设置界面，返回用户设置的操作结果
                                    uni.openSetting({
                                        success: (res) => {
                                            console.log(res)
                                            if(res.authSetting['scope.record'] == false) {
                                                that.plugin()
                                            }
                                        }
                                    })
                                } else {
                                    uni.navigateBack({
                                        delta: 1
                                    })
                                }
                            }
                        })
                    }
                })
            }
            // 语音搜索
            plugin () {
                var that = this
                var plugin = requirePlugin('WechatSI')
                var manager = plugin.getRecordRecognitionManager()
                // 设置录音的参数
                manager.start({
                    duration: 5000, // 时间
                    lang: "zh_CN" // 语言
                })
                // 开始录音
                manager.onStart = function(res) {
                    console.log("成功开始录音识别", res)
                    if(res.msg == 'Ok') {
                        // 提示用户正在录音
                        uni.showToast({
                            title: '正在识别语音...',
                            duration: 5000,
                            icon: 'loading'
                        })
                    }
                }
                // 录音结束
                manager.onStop = function(res) {
                    // 提示用户正在跳转到搜索页面（因为我做的时候，在跳转这块会有1~2秒的时间，所以我设置了一个提示框）
                    uni.showToast({
                        title: '正在跳转...',
                        duration: 1500,
                        icon: 'success'
                    })
                    // 将识别的语音翻译成文本
                    plugin.translate({
                        lfrom: 'en_US',
                        lto: 'zh_CN',
                        content: res.result,
                        success: function(res) {
                            if(res.retcode == 0) {
                                //  (iphone是这样,Android不清楚)语音识别有时会在末尾添加符号
                                if(res.result.charAt(res.result.length - 1) == '。' || res.result.charAt(res.result.length - 1) == '.') {
                                    res.result = res.result.substr(0, res.result.length - 1);
                                }
                                // 将翻译后的内容放到搜索框中
                                that.search_word = res.result
                                // 执行搜索功能的代码
                                that.searchName()
                            } else {
                                console.log('翻译失败', res)
                            }
                        },
                        fail: function(res) {
                            console.log('网络失败', res)
                            // 当用户说话声音小或者用户没有说话就会报这两个错误
                            if(res.retcode == -10001 || res.retcode == -10002) {
                                uni.showToast({
                                    title: '没有听清您说什么',
                                    duration: 1000,
                                    icon: 'error'
                                })
                            }
                        }
                    })
                }
                 // 打印错误信息
                manager.onError = function(res) {
                    console.error('error msg', res.msg)
                }
            }
        }
    }
</script>