微信小游戏实现语音识别（超详细）

今天意外发现微信小游戏也能轻松实现语音识别功能，在此记录一下。

项目背景：微信小游戏+云开发

使用接口：百度语音识别接口

步骤：

1.到百度-语音识别注册并申请语音识别服务(个人申请能有五万条免费测试)，拿到AppID、APIkey和SECRETKEY

2.小游戏前端js代码

mystart(){         //开始录音按钮回调函数let recorderManager = wx.getRecorderManager()recorderManager.onStart(() => {console.log('recorder start')})const options = {duration: 10000,sampleRate: 8000,   //录音采样率numberOfChannels: 1,format: 'PCM',}recorderManager.start(options)}mypause(){        //结束录音按钮回调函数var that=this;wx.cloud.init()let recorderManager = wx.getRecorderManager()recorderManager.stop()recorderManager.onStop((res) => {console.log('recorder stop', res)let tf=res.tempFilePaththat.logg.text=tf  //logg是我的一个label组件的名字setTimeout(function () { wx.getFileSystemManager().readFile({filePath: tf, success: res => { //成功的回调that.logg.text=res.datawx.cloud.init()wx.cloud.callFunction({name: 'getbaidu',data: {sound:res.data},// 成功回调success(res){console.log("getbaidu成功",res)that.logg.text="成功"+res.result},fail(res){console.log("getbaidu失败",res)that.logg.text="失败"+res}})}})},1000)})}

注意事项：

（1）录音采样率很重要，后端接口参数中的采样率要和这里设置的一样。另外，我发现当采样率为16000时，在微信开发工具上能正常语音识别，而在真机上可能会出现文件过大无法识别的情况，因此这里设成了8000。

（2）录音格式要选择‘PCM’，微信现在已经能直接录成pcm格式了，不需要再像网上很多教程那样额外地转换格式

（3）结束录音返回的是一个临时文件地址，直接把这个地址传到后端是没有用的，使用 wx.getFileSystemManager().readFile来读文件，格式选择默认的arraybuffer即可，通过 wx.cloud.callFunction传入到云函数

（4）真机上语音识别的准确率比开发者工具上高

3.后端配置

ps：下面步骤的前提是已经配置好云开发环境和node.js，这两个都可以百度出很详细的教程。

（1）在cloudfunctions中新建一个node.js云函数

（2）右击新建的云函数，在外部终端窗口中打开，在命令行中输入npm install baidu-aip-sdk安装百度sdk，安装后再输入npm install

完成后package.json里应该是这样的

（3）云函数中的index.js

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
var AipSpeechClient = require("baidu-aip-sdk").speech;// 设置APPID/AK/SK
var APP_ID = "你的APP_ID";
var API_KEY = "你的API_KEY";
var SECRET_KEY = "你的SECRET_KEY";// 云函数入口函数
exports.main = async (event, context) => {const wxContext = cloud.getWXContext()var client = new AipSpeechClient(APP_ID, API_KEY, SECRET_KEY);let fs = require('fs');let voiceBuffer = Buffer.from(event.sound);// 识别本地文件
return await client.recognize(voiceBuffer, 'pcm', 8000).then(function (result) {console.log('<recognize>: ' + JSON.stringify(result));return JSON.stringify(result)
}, function(err) {console.log(err);
});}

注意事项：

（1）云函数修改后要重新上传并部署，且上传完成会有两条消息而不是一条

（2）return await中的await很重要，否则可能返回null

4.结果展示

微信小游戏实现语音识别（超详细）相关推荐

微信小程序消息订阅超详细流程步骤
第一步:登录微信小程序管理后台链接https://mp.weixin.qq.com 第二步:在左侧栏目找到订阅消息菜单栏 --我的模板 ,可以去公共模板库增加自己想要的模板如果没有自己想要的 ...
微信小程序开发（超详细保姆式教程）
介绍: 微信里面app,16年推出竞品:支付宝小程序,钉钉,美团,头条,抖音qq小程序优点 1,在微信里面自由分享,2,不用下载app,3,能快速的开发,使用微信的api接口开发者内存,源码, ...
微信小程序入门开发超详细笔记(一)
文章目录 1 引入 1.1 小程序的应用 1.2 小程序的介绍 1.3 市场分类 1 小程序 2 webapp 3 混合app 4 原生app 1 ios 2 android 3 react-nati ...
第一个小游戏“三子棋”超详细
三子棋我们先想一下游戏是怎么玩的??? 打开游戏,进去先看到一个菜单,然后选择是玩游戏还是退出,如果选择玩游戏,那进去是我和电脑玩游戏,我下一步棋,电脑下一步棋,如果我赢了那游戏就结束了,如果电脑赢 ...
火柴人逃脱小游戏（python 超详细）
大家好,今天我们开始做一个新的游戏--火柴人逃脱. 以下是效果图: 温馨提示:代码里有图片资源,你可以自己用GIMP画,也可以去下载: 图片我们来看第一部分代码: from tkinter impo ...
TypeScript实现小游戏---贪吃蛇(超详细)
目录项目背景及简介多模块需求分析场景模块需求食物类模块需求记分牌模块需求蛇类模块需求控制模块需求项目搭建 ts转译为js代码 package.json包配置文件 webpack.con ...
微信小游戏提供服务器,发布到微信小游戏平台
发布到微信小游戏平台早在微信官方正式发布小游戏平台之前,Cocos Creator 团队就和微信开发团队合作完成了 Cocos Creator 对微信小游戏平台的支持.在小游戏正式公布之后,我们也在 ...
微信小游戏入门实战《小猫钓鱼》
BigBear 老师的微信小游戏入门实战<小猫钓鱼>,源码已经适配到 Cocos Creator 2.2.0,下是在晓衡在微信开发者工具下的视频演示: 源码仓库: https://gith ...
微信小游戏上线字节平台超全攻略
文章目录平台要求差异工程代码迁移腾讯云开发的适配除了长期占据主流位置的微信平台,字节跳动平台也是一个非常值得个人开发的小游戏上线的阵地.字节系的很多产品(如抖音.西瓜视频.今日头条)都带有巨大 ...

微信小游戏实现语音识别（超详细）

微信小游戏实现语音识别（超详细）相关推荐

最新文章

热门文章