介绍
模板
<脚本>
出口默认{
数据(){
返回{//这是搜索框中的内容
search_word:“
}
},
方法:{//语音点击事件
余音:函数(){
var=这//向用户发起授权请求
uni.authorize ({
范围:”范围。记录',//获取录音功能,也就是麦克风权限
成功:(res)=> {//用户授权使用麦克风权限调用语音搜索事件函数
that.plugin ()
},//用户没有授权使用麦克风权限执行以下代码
失败(res) {//显示模态弹窗提示用户没有开启麦克风权限
uni.showModal ({
内容:“检测到您未开启麦克风权限,请保持麦克风权限为开启状态的,
confirmText:“去开启”,
showCancel:假的,
成功:(res)=> {
console.log (res)
如果(res.confirm) {//调起客户端小程序设置界面,返回用户设置的操作结果
uni.openSetting ({
成功:(res)=> {
console.log (res)
如果(res.authSetting[的范围。记录']==false) {
that.plugin ()
}
}
})
其他}{
uni.navigateBack ({
三角洲:1
})
}
}
})
}
})
}//语音搜索
插件(){
var=这
var插件=requirePlugin (“WechatSI”)
var经理=plugin.getRecordRecognitionManager ()//设置录音的参数
manager.start ({
持续时间:5000//时间
朗:“zh_CN”//语言
})//开始录音
经理。onStart=函数(res) {
控制台。日志(“成功开始录音识别”,res)
如果(res)。味精==癘k”) {//提示用户正在录的音
uni.showToast ({
标题:“正在识别语音…”,
持续时间:5000
图标:“加载”
})
}
}//录音结束
经理。原=函数(res) {//提示用户正在跳转到搜索页面(因为我做的时候,在跳转这块会有1 ~ 2秒的时间,所以我设置了一个提示框)
uni.showToast ({
标题:“正在跳转……”
持续时间:1500
图标:“成功”
})//将识别的语音翻译成文本
plugin.translate ({
lfrom:“en_US”,
维度:“zh_CN”,
内容:res.result,
成功:函数(res) {
如果(res)。retcode==0) {//(iphone是这样,Android不清楚)语音识别有时会在末尾添加符号
如果(res.result.charAt (res.result。长度- 1)==' . ' | | res.result.charAt (res.result。长度- 1)=='。'){
res.result=res.result。substr (0, res.result。长度- 1);
}//将翻译后的内容放到搜索框中
那search_word=res.result//执行搜索功能的代码
that.searchName ()
其他}{
控制台。日志(“翻译失败”,res)
}
},
失败:函数(res) {
控制台。日志(“网络失败”,res)//当用户说话声音小或者用户没有说话就会报这两个错误
如果(res)。-10001年retcode==| | res.retcode==-10002) {
uni.showToast ({
标题:“没有听清您说什么”,
持续时间:1000
图标:“错误”
})
}
}
})
}//打印错误信息
经理。onError=函数(res) {
控制台。错误(错误味精,res.msg)
}
}
}
}
这篇文章给大家介绍怎么在微信小程序中利用同声传译实现语音识别功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
//, app.json { ,,,… ,,,“plugins":, { ,,,,,,,… ,,,,,,,“WechatSI":, { ,,,,,,,,,,,“version":,“0.3.4",,//,这是同声传译的版本(也可以在微信公众平台添加的同声传译查看最新版本) ,,,,,,,,,,,“provider":,“wx069ba97219f66d99",//,这是同声传译的ID ,,,,,,,} ,,,} }
如果你是使用Hbuildex进行开发小程序的话,需要在清单。json文件的源码视图中进行添加修改。
在源码视图中找到mp-weixin,然后按照以下代码进行添加修改
//, manifest.json/*,小程序特有相关,*/癿p-weixin": { ,,,“appid":,“xxxxxxxxxx",,//,这是你小程序的AppId ,,,… ,,,“plugins":, { ,,,,,,,“WechatSI":, { ,,,,,,,,,,,“version":,“0.3.4",,//,这是同声传译的版本(也可以在微信公众平台添加的同声传译查看最新版本) ,,,,,,,,,,,“provider":,“wx069ba97219f66d99",//,这是同声传译的ID ,,,,,,,} ,,,} }
做完以上步骤之后,就可以根据官方文档进行开发了
下面就是我的功能实现代码了
//, index.vue 在这里我的页面布局只写了语音按钮(简化了) & lt; template> ,,,& lt; div @click=皔uyin",类=皔uyin-icon"比; ,,,,,,,& lt; img https://www.yisu.com/zixun/: src=" baseUrlImg +/yuyin.png”alt=" class=" img "/>