Show DEV: 我打造了一个带有环境音景的平静打字练习app

Source: Dev.to

大多数打字应用感觉像游戏——排行榜、头像、连击、经验条——旨在提升参与度，而不是专注练习。我想要一种不同的工具：一种像专注时段的打字练习。结果就是 LoKey Typer。

Overview

LoKey Typer 是一款渐进式网页应用（PWA），用于打字练习，搭配精选练习内容和环境音景。它完全在浏览器中运行：无需账号、无需云同步，也不进行任何追踪。

Try it live:

Features

• 以专注为导向的练习 – 精选文本，帮助建立节奏感和准确性。
• 真实生活内容 – 邮件、代码片段以及日常会实际输入的文字。
• 竞技模式 – 定时冲刺（30 秒 / 60 秒 / 120 秒），并记录个人最佳。
• 每日一套 – 每天提供新练习，根据你最近的表现进行调整。

Technical Details

• Stack: Vite + React + TypeScript（快速构建，严格类型）
• PWA: Service worker 在首次加载后即可实现完整离线使用
• Audio engine: Web Audio API，支持交叉淡入淡出和层叠播放
• Persistence: localStorage 本地存储所有统计数据和进度
• Hosting: 通过 GitHub Actions 部署至 GitHub Pages（零成本）

Ambient Audio

• 42 条非节奏化的音景轨道（雨声、风声、深沉嗡鸣、空间音调），设计上不干扰打字。
• 引擎处理交叉淡入淡出、音量归一化以及无缝循环。
• 可选的机械打字机按键音会映射到实际的键盘敲击。

Privacy & Offline Use

• 支持离线使用（飞机、咖啡店、任何地方）。
• 可像原生应用一样安装在任何平台。
• 零服务器费用，零 Cookie，零分析，零第三方脚本。
• 隐私政策：“我们不收集任何信息。”

该应用同样在 Microsoft Store 上提供，作为指向托管 PWA 的轻量级 MSIX 包。

Availability

• Live app:
• Source code:

Feedback

期待你的反馈——尤其是关于打字手感、练习内容，以及环境音是否帮助你专注或成为干扰。感谢阅读！