更新记录

1.0.0（2025-04-26） 下载此版本

集成 ariesit-speech 分片录音插件，实现百度实时语音识别接口

平台兼容性

uni-app

voice-button

集成 ariesit-speech插件，实现百度实时语音识别接口

使用示例

复制代码<template>
  <view class="container">
      <uni-easyinput :styles="{height: '80px'}" placeholder="请输入内容" type="textarea" v-model="inputValue"
          class="input-field" ></uni-easyinput>
     <voice-button :appId="baiduVoiceAppId" :apiKey="baiduVoiceApiKey"
    @result="handleVoiceResult" @temp="handleVoiceTemp"></voice-button>
  </view>
</template>

<script setup>
import { ref } from 'vue';

const baiduVoiceAppId = 你的百度语音识别AppId, baiduVoiceApiKey = "你的百度语音识别ApiKey"

// 定义输入框的值
const inputValue = ref('');
let tempVoice =""
let tempStartTime = 0;
let originalName = ""
// 模拟语音输入的方法

 function handleVoiceResult(result) {
    if (originalName == "") {
        originalName = inputValue.value
    }
    inputValue.value = originalName + result.text
    tempVoice = ""
    originalName = ""
    tempStartTime = 0
}
function handleVoiceTemp(result) {
    if (result.startTime) {
        if (tempStartTime == result.startTime) {
            tempVoice = result.text
        } else {
            tempStartTime = result.startTime
            tempVoice += result.text
        }
    }
    if (originalName == "") {
        originalName = inputValue.value
    }
    inputValue.value = originalName + tempVoice
}
</script>