后浪云百度小程序教程：voice-recognizer 语音识别

2023-3-16

voice-recognizer 语音识别
- 属性说明
- 示例
  - 代码示例

voice-recognizer 语音识别

解释：语音识别，支持短语音和长语音两种模式，并可配置手动听音等功能。暂不支持 web 化。

属性说明

属性名	类型	必填	默认值	说明
longSpeech	Boolean	否	false	是否开启长语音，默认不开启，长语音模式（此模式不限制收音时长，适用于长字段输入），短语音模式（此模式支持60秒以内识别，适用于短字段输入）
mode	String	否	dnn	听音模式，dnn（此模式自动听音,默认值），touch（此模式手动听音，需要手动调用stop方法才会停止语音识别）
context	String	否	input	语音识别所用的场景值，input（输入法场景），search（搜索场景值）
defaultText	String	否	“正在聆听中…”	语音文案
showPanel	Boolean	是	false	是否要展示语音面板，需要使用双向绑定`show-panel=”{= showPanel =}”`
smt-voice-panel	String	否		提供语音识别扩展样式类，供开发者自定义组件样式，可通过此 class 改变语音面板外层样式
smt-mark	String	否		提供语音识别扩展样式类，供开发者自定义组件样式，可通过此 class 改变蒙层样式
smt-btn-voice	String	否		提供语音识别扩展样式类，供开发者自定义组件样式，可通过此 class 改变底部button样式
smt-word-box	String	否		提供语音识别扩展样式类，供开发者自定义组件样式，可通过此 class 改变提示文案样式
bind:stop	EventHandle			语音识别结束事件，事件详情为识别内容
bind:cancelend	EventHandle			语音识别面板关闭事件

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

SWAN
JS
CSS
JSON

 
 
 
  
  
  <view bind:tap="tap">点击开始语音识别</view>
  
  
  <smt-voice-recognizer
  
  
   smt-voice-panel="smt-voice-panel"
  
  
   smt-mark="smt-mark"
  
  
   smt-button-voice="smt-btn-voice"
  
  
   smt-word-box="smt-word-box"
  
  
   show-panel="{= showPanel =}"
  
  
   bindstop="getCont"
  
  
   longSpeech="{{true}}"
  
  
   bindcancelend="cancelEnd"
  
  
   hasTabBar="{{false}}"
  
  
  />

作者：后浪云

链接：https://www.idc.net/help/185997/

文章版权归作者所有，未经允许请勿转载。

THE END