更新记录

1.0.3（2026-03-11） 下载此版本

优化说明文档

1.0.2（2026-03-11） 下载此版本

整理路径

1.0.1（2026-03-10） 下载此版本

• 初始版本发布
• 支持 NvwaAsrInput 组合组件
• 支持 VoiceInput 语音输入组件
• 支持 AutoResizeTextarea 自动调整高度文本框组件
• 支持语音识别和插入位置追踪

平台兼容性

uni-app(4.0)

其他

iorange-nvwaAsrInput

女娲语音输入组件

🚀 最好用的web端语音输入组件

核心特性：

• 🎯 中英文混合输入 - 无需切换，自动识别
• ⏸️ 自动检测停顿 - 智能断句，边说边生成
• 📍 插入位置追踪 - 灵活插入语音文字到任意位置
• 📏 自动调整高度 - 输入框自适应内容

亮点功能：

• ✨ 语音输入超便捷，想说什么就说什么
• 🌐 中英文随心说，不用切换不用翻译，mixed language 一秒识别
• 📝 想插入什么位置就从什么位置开始插入

平台支持： H5平台完美运行，其他平台正在开发中

组件列表

• NvwaAsrInput - 组合组件，集成语音输入和自动调整高度的文本框

平台兼容性

安装方式

将 iorange-nvwaAsrInput 目录放置在项目的 uni_modules 目录下即可。

使用方法

iorange-nvwaAsrInput 组件

<template>
  <iorange-nvwaAsrInput
    v-model="userInput"
    placeholder="请输入内容或使用语音输入..."
    :show-send-btn="true"
    :min-height="1"
    :max-height="5"
    @send="handleSend"
    @speaking="handleSpeaking"
    @focus="handleFocus"
    @blur="handleBlur"
    @cursor-change="handleCursorChange"
  />
</template>

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

const userInput = ref('')

function handleSend(content) {
  console.log('发送内容:', content)
}

function handleSpeaking(speaking) {
  console.log('说话状态:', speaking)
}

function handleFocus(event) {
  console.log('获得焦点:', event)
}

function handleBlur(event) {
  console.log('失去焦点:', event)
}

function handleCursorChange(position) {
  console.log('光标位置:', position)
}
</script>

Props

NvwaAsrInput Props

Events

NvwaAsrInput Events

注意事项

1. 本组件仅支持 H5 平台，依赖于 Web Audio API 和 WebSocket
2. 使用语音输入功能需要确保服务端 WebSocket 服务正常运行
3. 需要在 HTTPS 环境或 localhost 下使用麦克风权限
4. 其他平台正在开发中，后续会支持 小程序和APP
5. 基础组件只限制在localhost使用，要使用自己的域名请登录https://asr.nvwaai.online进行设置。

   本插件申请的系统权限列表

   无

   本插件采集的数据、发送的服务器地址、以及数据用途说明

   1.采集语音音频切片数据供asr进行识别语音转文字； 2.发送到服务器地址:'wss://asr.nvwaai.online/ws/nvwa-asr-input'； 3.用途：进行语音识别转文字。

   本插件是否包含广告，如果包含需详细说明广告表达方式、展示频率

   无

   更新日志

v1.0.0

• 初始版本
• 支持语音识别输入
• 支持自动调整高度
• 支持光标位置追踪