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

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

相关产品
语音识别 产品页,含版本规格、价格与购买入口。

一、关联产品

实时语音识别(小程序)

实时语音识别(API)

二、开通语音识别服务

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


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

三、添加小程序插件

1. 开通小程序账号:
开通步骤详情请参考 微信小程序页面文档。

2. 添加腾讯云智能语音插件:
进入 腾讯云智能语音 | 小程序,单击添加插件。


// 和使用插件调用方式有所区别: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 密钥管理 页面进行创建,详情请参见 主账号访问密钥管理。


五、导入小程序 Demo

1. 单击链接下载小程序 Demo:下载 Demo。

2. 解压到本地后,打开小程序开发者工具。

3. 导入 Demo,在目录选择解压的 demo 地址,并且填入小程序页面申请的 AppId。

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

打开导入程序的 index.js 文件,将获取的 AppId、SecretId、SecretKey 分别复制到截图中的参数里。此方案只能用作本地测试。部署测试环境和正式环境时,从安全方面考虑,建议使用临时密钥方案,严格控制密钥的权限和过期时间。

采取临时密钥方案时,policy 参数需要授予该临时证书权限的 CAM 策略,这里以只授权 asr 服务为例:

policy = { "version": "2.0", "statement": [{ "effect": "allow", "action": ["name/asr:*"], "resource": "*", }]}

七、扫码体验

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

八、Demo参数说明

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

九、查询调用量

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


十、如何后台接入

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


赞 (0)
上一篇 4天前
下一篇 4天前