语音识别的应用场景越来越广泛,我们在做小程序开发的时候,也经常会遇到使用语音识别的场景;其中语音输入法是非常基础的功能场景,如果能实现这个基础功能,那其他场景都可以基于这个功能来打造更有趣的小程序服务。
本文将介绍如何用小程序来实现一个简单的语音输入法功能。
关联产品
准备工作
开通语音识别服务
添加小程序插件
1. 开通小程序账号:
开通步骤详情请参考 微信小程序官网文档。
2. 添加腾讯云智能语音插件:
进入 腾讯云智能语音 | 小程序,单击添加插件。
注意:
因微信小程序类目限制,个人主体账号暂无法添加插件,可直接在小程序中引入asr.js。
// 和使用插件调用方式有所区别:let speechRecognizerManager;// 插件实例化时:let plugin = requirePlugin("QCloudAIVoice");speechRecognizerManager = plugin.speechRecognizerManager();// 引入asr.js实例时:speechRecognizerManager = getRecorderSpeechRecognizer(isLog); // isLog 非必填参数,类型为boolean,当值为true时可打印日志调试。// 若不需要录音,只调用识别功能的话,按如下方式调用,识别结果回调和使用 录音 + 识别回调一致:speechRecognizer = new SpeechRecognizer(isLog); // isLog 非必填参数,类型为boolean
3. 安装小程序开发者工具:
安装小程序开发者工具详细步骤请参考 微信小程序官网文档。
开发过程
获取调用服务的 API 密钥
注意
一个主账号最多可以创建两个 API 密钥。
主账号 API 密钥代表您的账号身份和所拥有的权限,等同于您的登录密码,切勿泄露他人。
API 密钥是构建腾讯云 API 请求的重要凭证,为了您的财产和服务安全,请妥善保存和定期更换密钥,当您更换密钥后,请及时删除旧密钥。
导入小程序 Demo
1. 单击链接下载小程序 Demo:下载 Demo。
2. 解压到本地后,打开小程序开发者工具。
3. 导入 Demo,在目录选择解压的 demo 地址,并且填入小程序官网申请的 AppId。
填写腾讯云的 AppId 以及调用密钥
打开导入程序的 index.js 文件,将获取的 AppId、SecretId、SecretKey 分别复制到截图中的参数里。
开启预览
扫码体验
一个简单的小程序语音输入法就完成了,具体实现方法可参考 Demo 里面的代码。
Demo参数说明