#### 组件名称
gov-voice-recognizer

#### 解释：
语音识别

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|longSpeech |Boolean |否|false|是否开启长语音，默认不开启，长语音模式（此模式不限制收音时长，适用于长字段输入），短语音模式（此模式支持60秒以内识别，适用于短字段输入）|
|mode |String |否|dnn|听音模式，dnn（此模式自动听音,默认值），touch（此模式手动听音，需要手动调用stop方法才会停止语音识别）|
|context |String |否|input|语音识别所用的场景值，input（输入法场景），search（搜索场景值）|
|defaultText |String |否|正在聆听中…|语音文案|
|showPanel |Boolean |否|false|是否要展示语音面板，需要使用双向绑定show-panel='{= showPanel =}'|

#### 代码示例
swan:
```
<view class="preview-caption">听音模式（touch，此模式手动听音，需要手动调用stop方法才会停止语音识别）：{{voiceManualCont}}</view>
    <view class="preview-section" bind:tap="openManualVoicePanel">
        点击说话
        <gov-voice-recognizer
            show-panel="{= showManualPanel =}"
            bindstop="getManualCont"
            bindcancelend="cancelManualEnd"
            mode="touch"
        />
    </view>
    <view class="preview-caption">自定义语音文案：{{voiceTextCont}}</view>
    <view class="preview-section" bind:tap="openTextVoicePanel">
        点击说话
        <gov-voice-recognizer
            show-panel="{= showTextPanel =}"
            bindcancelend="cancelTextEnd"
            bindstop="getTextCont"
            defaultText="聆听中，请说话..."
        />
    </view>
    <view class="preview-caption">自定义样式：{{voiceColorCont}}</view>
    <view class="preview-section" bind:tap="openColorVoicePanel">
        点击说话
        <gov-voice-recognizer
            show-panel="{= showColorPanel =}"
            bindcancelend="cancelColorEnd"
            bindstop="getColorCont"
            gov-mark="gov-mark"
            gov-btn-voice="gov-btn-voice"
            gov-voice-panel="gov-voice-panel"
            gov-word-box="gov-word-box"
        />
    </view>
```
js:
```
Page({
    data: {
        showManualPanel: false,
        showManualCont: '',
        showTextPanel: false,
        showTextCont: '',
        showColorPanel: false,
        showColorCont: ''
    },
    openManualVoicePanel() {
        this.setData({
            showManualPanel: true
        });
    },
    openTextVoicePanel() {
        this.setData({
            showTextPanel: true
        });
    },
    openColorVoicePanel() {
        this.setData({
            showColorPanel: true
        });
    },
    cancelManualEnd() {
        this.setData({
            showManualPanel: false
        });
    },
    cancelTextEnd() {
        this.setData({
            showTextPanel: false
        });
    },
    cancelColorEnd() {
        this.setData({
            showColorPanel: false
        });
    },
    getManualCont(e) {
        this.setData({
            voiceManualCont: e.content
        });
    },
    getTextCont(e) {
        this.setData({
            voiceTextCont: e.content
        });
    },
    getColorCont(e) {
        this.setData({
            voiceColorCont: e.content
        });
    }
});
```
css:
```
.preview-section {
    padding: 13px;
    font-size: 15px;
}
.gov-mark {
    background-color: rgba(201, 184, 184, 0.3) !important;
}
.gov-voice-panel {
    background: #F5FFFA !important;
}
.gov-btn-voice {
    background: #ffc0cb !important;
    height: 60px !important;
    width: 300px !important;
    margin: 0 auto !important;
}
.gov-word-box {
    color: #ffdab9 !important;
    font-size: 15px !important;
}
```