文档中心>语音识别>实践教程>零基础实现小程序语音输入法

零基础实现小程序语音输入法

最近更新时间:2023-10-19 15:50:42

我的收藏
语音识别的应用场景越来越广泛,我们在做小程序开发的时候,也经常会遇到使用语音识别的场景;其中语音输入法是非常基础的功能场景,如果能实现这个基础功能,那其他场景都可以基于这个功能来打造更有趣的小程序服务。 本文将介绍如何用小程序来实现一个简单的语音输入法功能。

关联产品

准备工作

开通语音识别服务

使用前需开通腾讯云语音识别服务,登录 语音识别控制台 ,单击立即开通即可开通服务。


首次使用本服务的用户,可在语音识别 产品首页 中领取一个新人的体验资源包,也可根据自己的需求选择优惠套餐。




添加小程序插件

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 密钥是构建腾讯云 API 请求的重要凭证,为了您的财产和服务安全,请妥善保存和定期更换密钥,当您更换密钥后,请及时删除旧密钥。

导入小程序 Demo

1. 单击链接下载小程序 Demo:下载 Demo
2. 解压到本地后,打开小程序开发者工具。
3. 导入 Demo,在目录选择解压的 demo 地址,并且填入小程序官网申请的 AppId。







填写腾讯云的 AppId 以及调用密钥

打开导入程序的 index.js 文件,将获取的 AppId、SecretId、SecretKey 分别复制到截图中的参数里。




开启预览





扫码体验




一个简单的小程序语音输入法就完成了,具体实现方法可参考 Demo 里面的代码。

Demo参数说明

demo中集成了基本的实时语音识别调用方法,其他参数可参考小程序插件文档实时语音识别(websocket)调整。




查询调用量

查看本服务的调用量,可通过 腾讯云语音识别控制台 ,单击概览即可查看本服务的使用情况。



如何后台接入

若您是后台调用的场景,可参考语音识别 API 文档,使用开发者资源里面的 SDK 进行接入。