Navdeep321994/Speak-recognition

# VoiceScribe - 实时语音识别 VoiceScribe 是一款现代化的网络应用程序，它利用 Web Speech API 提供实时语音转文本功能。该应用基于 React 和 Vite 构建，为用户提供了无缝且响应迅速的体验，能够即时将语音转录为文本。 ## 🌟 功能 - **实时转录：** 在您说话时将语音实时转换为文本。 - **临时与最终结果：** 同时显示最终转录文本和临时（进行中）的猜测文本。 - **一键复制：** 只需单击一下，即可轻松复制您的全部转录文本。 - **实时统计：** 自动跟踪转录文本的字数和字符数。 - **视觉反馈：** 当麦克风处于监听状态时，具有活跃的波形动画和状态徽章。 - **麦克风可用性检测：** 检测并提醒用户麦克风访问是否被阻止。 - **浏览器支持检测：** 对于不支持的浏览器，通过显示有用的信息进行优雅处理。 ## 🚀 使用的技术 - **React 19：** 前端用户界面库。 - **Vite：** 新一代前端工具，用于快速构建和热模块替换。 - **react-speech-recognition：** 一个封装了 Web Speech API 的 React hook。 - **原生 CSS：** 使用现代 UI/UX 设计进行自定义样式设置。 ## 📋 前置条件 要运行此项目，您需要： - Node.js（推荐 v18 或更高版本） - 一个支持 Web Speech API 的现代浏览器（推荐 Google Chrome 或 Microsoft Edge）。 ## 🛠️ 安装与设置 1. **克隆仓库：** git clone cd speak-recognition 2. **安装依赖：** npm install 3. **启动开发服务器：** npm run dev 4. **在浏览器中打开：** 在终端中提供的本地 URL（通常是 `http://localhost:5173`）。 ## 💡 使用方法 1. 在受支持的浏览器中打开应用程序。 2. 如果出现提示，请授予浏览器访问您麦克风的权限。 3. 点击 **开始监听** 按钮（▶）开始语音识别。 4. 对着麦克风清晰地说话；您会看到文本出现在“转录”框中。 5. 完成后点击 **停止监听**（■）。 6. 使用 **复制**（📋）按钮复制您的文本，或使用 **重置**（↺）清除转录文本并重新开始。 ## 🤝 参与贡献 欢迎贡献、提出问题和功能请求！请随时查看问题页面。

标签：CMS安全, CSS, JavaScript, React, Syscalls, Vite, Web Speech API, 中间结果, 动画效果, 复制功能, 实时转录, 工具开发, 最终结果, 浏览器兼容, 状态指示, 用户体验, 用户界面, 统计功能, 语音识别, 语音转文字, 麦克风访问