腾讯IM web版本实现迅飞语音听写（流式版）

晓风伴月

已于 2024-11-15 18:19:45 修改

阅读量470

点赞数 1

分类专栏： Vue 文章标签：前端语音识别讯飞语音听写

于 2024-11-15 18:17:43 首次发布

本文链接：https://blog.youkuaiyun.com/q1003675852/article/details/143804998

版权

本文基于TUIKit Demo项目集成迅飞语音听写（流式版）功能：

在这里插入图片描述

主要代码：

// \src\TUIKit\components\TUIChat\message-input\index.vue
<template>
	<!-- 录音按钮 -->
	<div @touchstart.stop="touchstart" />
	<!-- 输入框 -->
	<MessageInputEditor  ref="editor"/>
</template>

<script setup lang="ts">
// xf-voice代码请参考本文附件
import { IatRecorder } from './xf-voice'

let xfVoice = null

const getPermission = () => {
return navigator.mediaDevices.getUserMedia({ audio: true })
}

const initXFVoice = (webSocketUrl) => {
    // 实例化迅飞语音听写（流式版）WebAPI
    let times = null
    xfVoice = new IatRecorder({
      APPID: '填写自己的APPID',
      webSocketUrl,
      onWillS