有参考：https://juejin.cn/s/vue%E5%AE%9E%E7%8E%B0%E8%AF%AD%E9%9F%B3%E8%BD%AC%E6%96%87%E5%AD%97

但会报错

修改：

界面：

<code><span>请在此说话：</span> <button @click="startSpeechRecognition">🎤</button><br>code>

<textarea

name="语音转文字内容区"code>

id="area"code>

cols="100"code>

rows="10"code>

placeholder="说点什么吧..."code>

v-model="transcript">code>

</textarea>

方法：

startSpeechRecognition() {

// 创建SpeechRecognition对象

const recognition = new window.webkitSpeechRecognition();

// 设置语言

recognition.lang = 'zh-CN';

// 开始识别

recognition.start();

// 监听识别结果

recognition.onresult = (event) => {

const text = event.results[0][0].transcript;

// 将识别结果保存到Vue组件的数据中

this.transcript = text;

this.value_intent = this.transcript;

console.log(this.value_intent);

};

},

使用须知：

联网环境下

点击按键开始录音和识别，当人不再说话的时候过大概一两秒就会停止录音识别，文字出现在文本框里