您当前的位置: 首页 > 知识百科 > 小程序语音录入框怎样使用?

小程序语音录入框怎样使用?

时间:2023-07-01 14:05 阅读数:124 人阅读 分类:知识百科

  小程序语音录入框的开发对于小程序语音功能的实现来说大有用处,但是具体要怎么使用,估计很多用户还不太清楚。其实微信小程序语音录入框的使用大多数就是通过设置发送语音评论来实现的。那么怎么才能发送语音评论呢?

  操作过程如下:

  1、切换到语音发送状态(点击最左侧的声音图标)。2、长安“按住说话”这个按钮。3、说话。4、松开“按住说话”,语音消息自动发送。要实现按住和松开这两个动作,我们需要使用小程序的touchstart和touchend事件。对于touchastart,我们已注册了小程序函数recordStart;而对于touchend,我们已注册了recordEnd。下面实现这两个事件函数。

  按住小程序录音按钮后将执行recordStart函数。函数首先绑定了变量recodingClass,这个变量将改变录音按钮的样式,使其编程正在录音的样式。接着记录了当前录音开始的事件,并保存在this变量中。接着调用wx.startRecord小程序音频API。wx.startRecord只接受3个方法作为参数,分别是success、fail和compelte。如果录音成功就执行success,录音失败则执行fail。无论录音成功还是失败,都将执行compelte。发生以下两种情况将会结束录音:1、当主动调用wx.shopRecord时。2、如果没有主动调用wx.stopRecord,那么在录音开始1分钟后自动结束录音。在我们的项目中并未处理开始1分钟自动结束的情况,可根据自身需要来处理这种情况。对于业务逻辑,我们需要在用户松开录音按钮时结束录音。下面编写recordEnd方法结束录音。

  在recordEnd方法中首先将按钮的样式还原,接着记录录音结束的时间,并将其保存在this变量中。最后调用wx.stopRecord方法结束录音。当用户松开录音按钮后,代码将执行recordStart中的success方法或fail方法(complete方法当然也会被执行)。在recordStart的success方法中,我们首先计算语音时长,接着调用submitComment方法发送语音评论。在post-comment.js中增加以下代码来实现语音评论的发送。

  首先新增一条评论数据,并将audio对象存入评论的audio属*中;然后调用DBPost的newComment方法将评论数据保存到缓存数据中;接着弹出操作结果提示;最后重新宣塘评论列表。语音不可以和文字、图片混合在一条评论中,只能单独作为一条评论。

  设置小程序发送语音的步骤就在上面了,也就是微信小程序语音录入框的使用方法,大家都学会了吗?是不是很简单呢?关于小程序的更多有用的资料和教程都在微信小程序商店,大家可以自行搜索获取。

  

  微信小程序如何实现语音输入搜索?

  怎样才能让微信小程序语音转文字

  微信小程序语音接口怎么使用