WeChat Mini Program uses simultaneous interpretation to implement speech recognition

// app.json
{
    ...
    "plugins": {
        ...
        "WechatSI": {
            "version": "0.3.4", // This is the version of simultaneous interpretation (you can also check the latest version of simultaneous interpretation added in WeChat public platform)
            "provider": "wx069ba97219f66d99" // This is the ID of the simultaneous interpreter
        }
    }
}

// manifest.json
/* Mini-program related*/
"mp-weixin": {
    "appid": "xxxxxxxxxx", // This is the AppId of your applet
    ...
    "plugins": {
        "WechatSI": {
            "version": "0.3.4", // This is the version of simultaneous interpretation (you can also check the latest version of simultaneous interpretation added in WeChat public platform)
            "provider": "wx069ba97219f66d99" // This is the ID of the simultaneous interpreter
        }
    }
}

// index.vue Here I only write the voice button in my page layout (simplified)
<template>
    <div @click="yuyin" class="yuyin-icon">
        <img :src="baseUrlImg+'/yuyin.png'" alt="" class="img" />
    </div>
</template>
<script>
    export default {
        data() {
            return {
                // This is the content of the search box search_word: ''
            }
        },
        methods: {
            // Voice click eventyuyin: function() {
                var that = this
                // Initiate an authorization request to the useruni.authorize({
                    scope: 'scope.record', // Get the recording function, that is, the microphone permission success: (res) => {
                        // User authorized to use microphone permission to call voice search event function that.plugin()
                    },
                    // The user does not have permission to use the microphone. Execute the following code fail(res) {
                        // Display a modal pop-up window to remind the user that the microphone permission is not enabled uni.showModal({
                            content: 'It is detected that you have not enabled the microphone permission, please keep the microphone permission enabled',
                            confirmText: 'Go to open',
                            showCancel: false,
                            success: (res) => {
                                console.log(res)
                                if(res.confirm) {
                                    // Open the client applet settings interface and return the result of the user's settings uni.openSetting({
                                        success: (res) => {
                                            console.log(res)
                                            if(res.authSetting['scope.record'] == false) {
                                                that.plugin()
                                            }
                                        }
                                    })
                                } else {
                                    uni.navigateBack({
                                        delta: 1
                                    })
                                }
                            }
                        })
                    }
                })
            }
            // Voice search plugin () {
                var that = this
                var plugin = requirePlugin('WechatSI')
                var manager = plugin.getRecordRecognitionManager()
                // Set the recording parameters manager.start({
                    duration: 5000, // time lang: "zh_CN" // language })
                // Start recording manager.onStart = function(res) {
                    console.log("Recording recognition started successfully", res)
                    if(res.msg == 'Ok') {
                        // Prompt the user that recording is in progressuni.showToast({
                            title: 'Recognizing voice...',
                            duration: 5000,
                            icon: 'loading'
                        })
                    }
                }
                // Recording ends manager.onStop = function(res) {
                    // Prompt the user that they are jumping to the search page (because when I did it, it would take 1 to 2 seconds to jump, so I set a prompt box)
                    uni.showToast({
                        title: 'Redirecting...',
                        duration: 1500,
                        icon: 'success'
                    })
                    // Translate the recognized speech into text plugin.translate({
                        lfrom: 'en_US',
                        lto: 'zh_CN',
                        content: res.result,
                        success: function(res) {
                            if(res.retcode == 0) {
                                // (This is the case for iPhone, not sure about Android) Speech recognition sometimes adds a symbol at the end 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);
                                }
                                // Put the translated content into the search box that.search_word = res.result
                                // Code that performs the search function that.searchName()
                            } else {
                                console.log('Translation failed', res)
                            }
                        },
                        fail: function(res) {
                            console.log('Network failed', res)
                            // When the user speaks softly or does not speak, these two errors will be reported if(res.retcode == -10001 || res.retcode == -10002) {
                                uni.showToast({
                                    title: 'I didn't hear what you said',
                                    duration: 1000,
                                    icon: 'error'
                                })
                            }
                        }
                    })
                }
                 // Print error information manager.onError = function(res) {
                    console.error('error msg', res.msg)
                }
            }
        }
    }
</script>