甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

创新互联百度小程序教程：voice-recognizer语音识别

  • 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
     
 
 
      
  
  
  
    1. 点击开始语音识别
      2. 
  
  
  
      3. 
  
  
  
    3.  smt-voice-panel="smt-voice-panel"
      4. 
  
  
  
    4.  smt-mark="smt-mark"
      5. 
  
  
  
    5.  smt-button-voice="smt-btn-voice"
      6. 
  
  
  
    6.  smt-word-box="smt-word-box"
      7. 
  
  
  
    7.  show-panel="{= showPanel =}"
      8. 
  
  
  
    8.  bindstop="getCont"
      9. 
  
  
  
    9.  longSpeech="{{true}}"
      10. 
  
  
  
    10.  bindcancelend="cancelEnd"
      11. 
  
  
  
    11.  hasTabBar="{{false}}"
      12. 
  
  
  
    12. />
      13.

    分享文章：创新互联百度小程序教程：voice-recognizer语音识别
    URL分享：https://chengdu.cdxwcx.cn/article/ccdcpsj.html

    其他资讯