위 챗 애플 릿 은 동시통역 을 사용 하여 음성 인식 기능 을 실현 한다.

제 가 동시통역 음성 인식 기능 을 사용 하 는 것 은 위 챗 애플 릿 홈 페이지 의 음성 검색 기능 을 실현 하기 위해 서 입 니 다.만약 당신 도 그렇게 축 하 드 리 면 ctrl+c,ctrl+v 를 다시 고 칠 수 있 습 니 다.만약 당신 이 그렇지 않다 면 서 두 르 지 마 세 요.제 글 을 읽 으 면 도움 이 될 것 입 니 다!
우선위 챗 공식 플랫폼(즉 애플 릿 백 스테이지)왼쪽 메뉴 표시 줄 에 있 는 설정->제3자 설정 에 있 는 플러그 인 관리->추가->동시통역 검색->클릭 하여 추가

다음은 코드 에 설정 을 추가 하 는 것 입 니 다.
위 챗 개발 자 도 구 를 사용 하여 애플 릿 을 개발 하려 면 app.json 파일 에 코드 를 추가 해 야 합 니 다.

// app.json
{
    ...
    "plugins": {
        ...
        "WechatSI": {
            "version": "0.3.4", //          （                       ）
            "provider": "wx069ba97219f66d99" //        ID
        }
    }
}

Hbuildex 를 사용 하여 애플 릿 을 개발 하려 면 manifest.json 파일 의 원본 보기 에 수정 사항 을 추가 해 야 합 니 다.
원본 보기 에서 mp-weixin 을 찾 은 다음 코드 에 따라 수정 을 추가 합 니 다.

// 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>

위 챗 애플 릿 이 동시통역 을 사용 하여 음성 인식 기능 을 실현 하 는 것 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 관련 애플 릿 음성 인식 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!