百度智能小程序 語音識(shí)別

2020-09-05 10:46 更新

voice-recognizer 語音識(shí)別

解釋:語音識(shí)別,支持短語音和長語音兩種模式,并可配置手動(dòng)聽音等功能。暫不支持 web 化。

屬性說明

屬性名 類型 必填 默認(rèn)值 說明

longSpeech

Boolean

false

是否開啟長語音,默認(rèn)不開啟,長語音模式(此模式不限制收音時(shí)長,適用于長字段輸入),短語音模式(此模式支持60秒以內(nèi)識(shí)別,適用于短字段輸入)

mode

String

dnn

聽音模式,dnn(此模式自動(dòng)聽音,默認(rèn)值),touch(此模式手動(dòng)聽音,需要手動(dòng)調(diào)用stop方法才會(huì)停止語音識(shí)別)

context

String

input

語音識(shí)別所用的場景值,input(輸入法場景),search(搜索場景值)

defaultText

String

正在聆聽中…

語音文案

showPanel

Boolean

false

是否要展示語音面板,需要使用雙向綁定 show-panel="{= showPanel =}"

smt-voice-panel

String

提供語音識(shí)別擴(kuò)展樣式類,供開發(fā)者自定義組件樣式,可通過此 class 改變語音面板外層樣式

smt-mark

String

提供語音識(shí)別擴(kuò)展樣式類,供開發(fā)者自定義組件樣式,可通過此 class 改變蒙層樣式

smt-btn-voice

String

提供語音識(shí)別擴(kuò)展樣式類,供開發(fā)者自定義組件樣式,可通過此 class 改變底部button樣式

smt-word-box

String

提供語音識(shí)別擴(kuò)展樣式類,供開發(fā)者自定義組件樣式,可通過此 class 改變提示文案樣式

bind:stop

EventHandle

語音識(shí)別結(jié)束事件,事件詳情為識(shí)別內(nèi)容

bind:cancelend

EventHandle

語音識(shí)別面板關(guān)閉事件

示例 

在開發(fā)者工具中打開


代碼示例

<view bind:tap="tap">點(diǎn)擊開始語音識(shí)別</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}}"
/>
Page({
    data: {
        // 面板顯示影藏
        showPanel: false,

        // 識(shí)別到的內(nèi)容
        content: ''
    },
    tap() {
        this.setData(showPanel, true);
    },
    getCont(e) {
        console.log(e.content, '語音識(shí)別內(nèi)容');
        this.setData(content: e.content);
    },
    cancelEnd() {
        this.setData(showPanel, false);
    }
});
.smt-voice-panel {
    <!-- 此處可自定義語音面板外層樣式 -->
}

.smt-mark {
    <!-- 此處可自定義蒙層樣式 -->
}

.smt-btn-voice {
    <!-- 此處可自定義底部button樣式 -->
}

.smt-word-box {
    <!-- 此處可自定義提示文案樣式 -->
}
{
    "navigationBarTitleText": "語音識(shí)別",
    "usingComponents": {
        "smt-voice-recognizer": "@smt-ui/component/src/voice-recognizer"
    }
}


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)