微信小程序通过websocket实时语音识别的实现代码
之前在研究百度的实时语音识别，并应用到了微信小程序中，写篇文章分享一下。
先看看完成的效果吧
前置条件
申请百度实时语音识别key百度AI接入指南
创建小程序
设置小程序录音参数
在index.js中输入
constrecorderManager=wx.getRecorderManager()
constrecorderConfig={
duration:600000,
frameSize:5,//指定当录音大小达到5KB时触发onFrameRecorded
format:'PCM',
//文档中没写这个参数也可以触发onFrameRecorded的回调，不过楼主亲测可以使用
sampleRate:16000,
encodeBitRate:96000,
numberOfChannels:1
}
使用websocket连接
linkSocket(){
let_this=this
//这里的sn是百度实时语音用于排查日志，这里我图方便就用时间戳了
letsn=newDate().getTime()
wx.showLoading({
title:'识别中...'
})
recorderManager.start(recorderConfig)
//开启链接
wx.connectSocket({
url:'wss://vop.baidu.com/realtime_asr?sn='+sn,
protocols:['websocket'],
success(){
console.log('连接成功')
_this.initEventHandle()
}
})
},
//监听websocket返回的数据
initEventHandle(){
let_this=this
wx.onSocketMessage((res)=>{
letresult=JSON.parse(res.data.replace('\n',''))
if(result.type=='MID_TEXT'){
_this.tran(result.result,'value')
_this.setData({
textDis:'none',
value:result.result,
})
}
if(result.type=='FIN_TEXT'){
letvalue=_this.data.text
lettranStr=value+result.result
_this.tran(tranStr,'text')
_this.setData({
value:'',
valueEn:'',
textDis:'block',
text:tranStr,
})
}
})
wx.onSocketOpen(()=>
//发送数据帧
_this.wsStart()
console.log('WebSocket连接打开')
})
wx.onSocketError(function(res){
console.log('WebSocket连接打开失败')
})
wx.onSocketClose(function(res){
console.log('WebSocket已关闭！')
})
},
发送开始、音频数据、结束帧
wsStart(){
letconfig={
type:"START",
data:{
appid:XXXXXXXXX,//百度实时语音识别appid
appkey:"XXXXXXXXXXXXXXXXXX",//百度实时语音识别key
dev_pid:15372,
cuid:"cuid-1",
format:"pcm",
sample:16000
}
}
wx.sendSocketMessage({
data:JSON.stringify(config),
success(res){
console.log('发送开始帧成功')
}
})
},
wsSend(data){
wx.sendSocketMessage({
data:data,
success(res){
console.log('发送数据帧成功')
}
})
},
wsStop(){
let_this=this
this.setData({
click:true,
})
_this.stop()
letconfig={
type:"FINISH"
}
wx.hideLoading()
recorderManager.stop()
wx.sendSocketMessage({
data:JSON.stringify(config),
success(res){
console.log('发送结束帧成功')
}
})
},
小程序录音回调
onShow:function(){
let_this=this
recorderManager.onFrameRecorded(function(res){
letdata=res.frameBuffer
_this.wsSend(data)
})
recorderManager.onInterruptionBegin(function(res){
console.log('录音中断')
_this.wsStopForAcc()
})
recorderManager.onStop(function(res){
console.log('录音停止')
})
},
到此这篇关于微信小程序通过websocket实时语音识别的实现代码的文章就介绍到这了,更多相关微信小程序websocket实时语音识别内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。