小程序重构,采用 uniapp 框架。记录一下踩过的坑。关于用户拒绝再次调起授权,及如何识别语音识别、微信地址、附近地址的处理。
语音识别 组件
语音识别,小程序只有录音功能,若要识别录音文件,常规做法是把录音文件传递给后端,然后由后端调用百度或讯飞语音识别接口,然后返回结果。
但是微信小程序官方提供了“同声传译”插件,支持前端直接识别。可参考:插件介绍、插件使用文档
uniapp 插件配置,在 manifest.json 文件中,源码模式,加入:
...
"mp-weixin": {
...
"plugins" : {
// 语音识别 - 同声传译
"WechatSI" : {
"version" : "0.3.1",
"provider" : "wx069ba97219f66d99"
}
}
}
调用
语音识别
{ {arsRes}}
import WechatAsr from '@/components/wechatASR.vue';
export default {
components: {WechatAsr},
data () {
return {
arsRes: ''
}
},
methods: {
// 语音识别
asrStart () {
this.$refs.weixinAsr.show();
},
asrResult (res) {
this.arsRes = res;
}
}
}
编写组件,其中关于授权,用户若拒绝了,再次点击,本来是会一直进入失败的回调中,导致没法再次打开授权界面。所以先获取授权信息,针对没有授权、授权拒绝、授权成功,分别再次处理。若授权拒绝,需要打开授权设置界面,让用户再次授权处理。
语音识别
说出姓名、电话和详细地址
说完了
const WechatSI = requirePlugin("WechatSI");
const ASRManager = WechatSI.getRecordRecognitionMan