最佳实践 | 零基础实现小程序语音输入法

2022-06-07 17:21:28 浏览数 (1)

先回顾下,生活、工作中你使用过哪些语音识别相关的产品或者服务?

  • 培训/考试相关的小程序,使用语音识别来判断回答是否正确;
  • 英语口语练习的小程序,使用语音识别来打分;
  • 你画我猜类的小程序,使用语音识别来判断是否猜对;
  • 活动营销类的小程序,比如口令识别、口令红包等;
  • 直播/短视频类小程序,使用语音识别生成字幕;
  • 客服类的小程序,使用语音识别、语音合成来实现智能客服;

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

笔者作为一个小程序开发者也做过多个语音识别相关的项目。所以就以本文分享一下,如何用小程序来实现一个简单的语音输入法。

1、准备工作

1.1开通语音识别服务

笔者使用的是腾讯的语音识别,先开通一下服务,点这里 腾讯云语音识别控制台 ,点击立即开通就能开通服务了。

可以点击这里领取一个新人的体验资源包: https://cloud.tencent.com/product/asr/pricing

1.2添加小程序插件

1. 开通小程序账号:https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#申请帐号

2. 添加腾讯云智能语音插件: https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx3e17776051baf153&token=&lang=zh_CN

3. 安装小程序开发者工具: https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#安装开发工具

2、开发过程

2.1获取调用服务的API密钥

访问腾讯云的服务,都需要一个秘钥,在腾讯云访问管理的API密钥管理页面,可以新建一个秘钥,这个可一定要保管好,不能泄露出去,不然就被别人盗用了。秘钥后面我们要用到。

2.2导入小程序Demo

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

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

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

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

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

2.4开启预览

2.5扫码体验

到这里一个简单的小程序语音输入法就这样完成了,非常简单,具体实现可以参考Demo里面的代码,这里就不详细讲了。

3、查询调用量

使用了服务,怎么看服务调用量呢,可以进入 腾讯云语音识别控制台 ,点击概览就可以看到整体的调用量了。

4、如何后台接入

如果有的同学是后台调用的场景,也也可以参考官网的 API文档,使用开发者资源里面的SDK进行接入,都有对应语言的Demo。

0 人点赞