Productivity / Speech

语音转录

很多想法在开口那一瞬间最真实。这个工具是我给自己留住那些瞬间的方法，让口述、回看和继续整理都更自然。

返回项目打开线上产品
角色
Owner / Product Engineer：负责产品边界、移动端快速入口、录音转写状态、本地数据合同与导出交接。
时间
持续迭代 · 2026-04-04
平台
Web

给口述想法留住形状

01 / Background

为什么做

转录工具最重要的是“开始就能用”和“记录不丢”——减少按钮、强调状态反馈，是这个项目的核心。
语音转录 current product surface
当前产品界面

语音转录 当前公开展示界面。

01

02 / Scenario

应用场景

  • 随手记录口述灵感
  • 在手机主屏快速开始录音
  • 导出后交给本地知识工作流继续整理
01快速录音入口
02音频与转写双保存
03Bundle 导出到本地工作流
项目事实

项目当前最重要的交付与判断。

语音转录 screenshot — 1.png
界面 01

界面截图 01。

02

03 / Delivery

实现了什么

  • 首页与 /capture 快速录音入口
  • 实时转写并本地保留音频与文字
  • 历史、详情、复制文字与单文件 Bundle 导出
01Record
02Transcribe
03Save
04Review
产品流程

从输入到结果的核心使用路径。

语音转录 screenshot — 2.png
界面 02

界面截图 02。

03

04 / Design

设计要点

  • 状态可视化（准备/录制/暂停）比功能堆叠更重要。
  • 历史作为主资产：默认可回溯。
04

05 / Tech

技术实现

  • Next.js 16 / React 19 / TypeScript / Zustand
  • Web Speech API 实时转写；localStorage 保存元数据与段落，IndexedDB 保存音频 Blob
  • PWA manifest 与主屏入口；导出 Bundle 可交给本地 OpenClaw 导入脚本
05