Win Dictation Dev
568 lines
41 KiB
HTML
568 lines
41 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Win Dictation — User Manual</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root{
|
||
--bg:#0E1014; --card:#16191F; --card-hi:#1E222B; --card-lo:#12151B;
|
||
--text:#ECEEF2; --dim:#8A909C; --faint:#5A606C;
|
||
--accent:#6E8BFF; --accent-hi:#839CFF; --danger:#FF5C5C; --good:#46D39A;
|
||
--border:#262B36; --hair:rgba(255,255,255,.06);
|
||
--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
|
||
--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
|
||
}
|
||
*{box-sizing:border-box}
|
||
html{scroll-behavior:smooth}
|
||
body{
|
||
margin:0; background:var(--bg); color:var(--text);
|
||
font-family:var(--sans); font-size:16.5px; line-height:1.72;
|
||
-webkit-font-smoothing:antialiased; letter-spacing:.1px;
|
||
}
|
||
.wrap{max-width:940px; margin:0 auto; padding:0 6vw 140px;}
|
||
a{color:var(--accent-hi); text-decoration:none}
|
||
a:hover{text-decoration:underline}
|
||
|
||
/* Hero */
|
||
.hero{padding:88px 0 30px; border-bottom:1px solid var(--border); margin-bottom:54px}
|
||
.eyebrow{font-family:var(--mono); font-size:12.5px; letter-spacing:.32em; text-transform:uppercase; color:var(--accent); margin:0 0 20px}
|
||
.brandrow{display:flex; align-items:center; gap:18px; margin-bottom:22px}
|
||
.glyph{width:54px;height:54px;border-radius:14px;flex:none;
|
||
background:linear-gradient(150deg,#6E8BFF,#4D67E0);
|
||
display:flex;align-items:center;justify-content:center;
|
||
box-shadow:0 8px 30px rgba(110,139,255,.35), inset 0 1px 0 rgba(255,255,255,.25)}
|
||
.glyph svg{width:28px;height:28px}
|
||
h1{font-size:clamp(34px,6vw,54px); line-height:1.04; margin:0; font-weight:800; letter-spacing:-1.2px}
|
||
.sub{font-size:20px; color:var(--dim); max-width:660px; margin:18px 0 0; font-weight:400}
|
||
.metarow{display:flex; flex-wrap:wrap; gap:10px; margin-top:30px}
|
||
.chip{font-family:var(--mono); font-size:12.5px; color:var(--dim);
|
||
background:var(--card); border:1px solid var(--border); border-radius:999px; padding:7px 15px}
|
||
.chip b{color:var(--text); font-weight:600}
|
||
|
||
/* TOC */
|
||
.toc{background:linear-gradient(180deg,var(--card),var(--card-lo));
|
||
border:1px solid var(--border); border-radius:18px; padding:30px 34px; margin-bottom:62px;
|
||
box-shadow:0 1px 0 var(--hair) inset}
|
||
.toc h4{margin:0 0 18px; font-family:var(--mono); font-size:12px; letter-spacing:.28em; text-transform:uppercase; color:var(--faint)}
|
||
.toc ol{margin:0; padding:0; list-style:none; counter-reset:t;
|
||
columns:2; column-gap:46px}
|
||
.toc li{counter-increment:t; padding:7px 0; break-inside:avoid}
|
||
.toc li a{color:var(--text); font-weight:500; font-size:15.5px}
|
||
.toc li a::before{content:counter(t,decimal-leading-zero); font-family:var(--mono); color:var(--accent);
|
||
font-size:12px; margin-right:13px; font-weight:600}
|
||
|
||
/* Sections */
|
||
section{margin:0 0 70px; scroll-margin-top:30px}
|
||
.sec-h{display:flex; align-items:baseline; gap:16px; margin:0 0 8px}
|
||
.sec-n{font-family:var(--mono); font-size:14px; color:var(--accent); font-weight:600; flex:none}
|
||
h2{font-size:29px; font-weight:700; margin:0; letter-spacing:-.5px}
|
||
h3{font-size:19px; font-weight:650; margin:36px 0 12px; letter-spacing:-.2px; color:var(--text)}
|
||
.lead{color:var(--dim); font-size:18px; margin:0 0 26px; max-width:720px}
|
||
p{margin:0 0 17px}
|
||
.muted{color:var(--dim)}
|
||
strong{color:#fff; font-weight:650}
|
||
ul,ol{margin:0 0 18px; padding-left:22px}
|
||
li{margin:9px 0}
|
||
hr.soft{border:0;border-top:1px solid var(--border);margin:42px 0}
|
||
|
||
kbd{font-family:var(--mono); font-size:13px; background:var(--card-hi);
|
||
border:1px solid var(--border); border-bottom-color:#000; border-radius:7px;
|
||
padding:3px 9px; color:var(--text); white-space:nowrap; box-shadow:0 2px 0 rgba(0,0,0,.4)}
|
||
code{font-family:var(--mono); font-size:14px; background:var(--card-hi); color:#cfe0ff;
|
||
padding:2px 7px; border-radius:6px; border:1px solid var(--border)}
|
||
.path{font-family:var(--mono); font-size:13.5px; color:var(--good)}
|
||
|
||
/* App mockup */
|
||
.stage{background:radial-gradient(120% 120% at 50% 0%, #1a1d26 0%, #0b0d11 70%);
|
||
border:1px solid var(--border); border-radius:20px; padding:46px 30px; margin:8px 0 14px;
|
||
display:flex; justify-content:center}
|
||
.appwin{width:380px; max-width:100%; background:var(--bg); border:1px solid #2a2f3a;
|
||
border-radius:12px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.6); font-size:14px}
|
||
.titlebar{display:flex; align-items:center; gap:9px; padding:9px 12px; background:#0b0d11; border-bottom:1px solid #1c2027}
|
||
.titlebar .ic{width:15px;height:15px;border-radius:4px;background:linear-gradient(150deg,#6E8BFF,#4D67E0)}
|
||
.titlebar .tt{color:var(--dim); font-size:12.5px}
|
||
.titlebar .tw{margin-left:auto; color:var(--faint); letter-spacing:3px; font-size:12px}
|
||
.appbody{padding:16px}
|
||
.rrow{display:flex; gap:9px; margin-bottom:13px}
|
||
.rec{flex:1; background:linear-gradient(180deg,#7a93ff,#6E8BFF); border-radius:999px;
|
||
display:flex; align-items:center; gap:11px; padding:11px 18px; color:#fff; font-weight:600; position:relative}
|
||
.rec .d{width:13px;height:13px;border-radius:50%;background:#fff}
|
||
.chipbtn{width:42px; border-radius:10px; background:var(--card); border:1px solid var(--border);
|
||
display:flex; align-items:center; justify-content:center; position:relative}
|
||
.chipbtn svg{width:17px;height:17px}
|
||
.chipbtn.on svg{color:var(--accent)}
|
||
.stat{color:var(--dim); font-size:12.5px; margin:2px 2px 13px; position:relative}
|
||
.tbox{background:var(--card); border:1px solid var(--border); border-radius:12px;
|
||
padding:14px 15px; min-height:104px; color:var(--text); font-size:13.5px; line-height:1.5; position:relative;
|
||
box-shadow:0 1px 0 var(--hair) inset}
|
||
.srow{display:flex; gap:9px; margin:13px 0}
|
||
.sel{flex:1; background:var(--card); border:1px solid var(--border); border-radius:10px;
|
||
padding:10px 13px; color:var(--text); font-size:12.5px; display:flex; align-items:center; position:relative}
|
||
.sel .cv{margin-left:auto; color:var(--dim)}
|
||
.arow{display:flex; justify-content:space-around; padding:8px 0 2px; color:var(--dim); font-size:13.5px; position:relative}
|
||
.anno{position:absolute; top:-9px; right:-9px; width:21px;height:21px; border-radius:50%;
|
||
background:var(--accent); color:#fff; font-family:var(--mono); font-size:11.5px; font-weight:700;
|
||
display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.5); z-index:3}
|
||
.anno.l{left:-9px; right:auto}
|
||
.arow .anno{top:-4px; right:8px}
|
||
|
||
.legend{display:grid; grid-template-columns:1fr 1fr; gap:13px 30px; margin:24px 0 0}
|
||
.legend .li{display:flex; gap:13px; align-items:flex-start}
|
||
.legend .bn{flex:none; width:22px;height:22px;border-radius:50%; background:var(--accent); color:#fff;
|
||
font-family:var(--mono); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; margin-top:2px}
|
||
.legend .lt{font-size:14.5px; color:var(--dim)}
|
||
.legend .lt b{display:block; color:var(--text); font-weight:600; margin-bottom:1px; font-size:15px}
|
||
|
||
/* Steps */
|
||
.steps{counter-reset:s; margin:0; padding:0; list-style:none}
|
||
.steps li{counter-increment:s; position:relative; padding:0 0 26px 60px; margin:0}
|
||
.steps li:not(:last-child)::after{content:""; position:absolute; left:21px; top:42px; bottom:6px; width:2px; background:var(--border)}
|
||
.steps li::before{content:counter(s); position:absolute; left:0; top:0; width:43px;height:43px;border-radius:12px;
|
||
background:var(--card); border:1px solid var(--border); color:var(--accent); font-family:var(--mono); font-weight:700; font-size:17px;
|
||
display:flex; align-items:center; justify-content:center}
|
||
.steps h4{margin:6px 0 5px; font-size:17.5px; font-weight:650}
|
||
.steps p{margin:0; color:var(--dim); font-size:15.5px}
|
||
|
||
/* Callouts */
|
||
.note{border:1px solid var(--border); border-left:3px solid var(--accent);
|
||
background:linear-gradient(90deg,rgba(110,139,255,.08),transparent 60%); border-radius:12px; padding:17px 20px; margin:22px 0}
|
||
.note.warn{border-left-color:var(--danger); background:linear-gradient(90deg,rgba(255,92,92,.08),transparent 60%)}
|
||
.note.good{border-left-color:var(--good); background:linear-gradient(90deg,rgba(70,211,154,.08),transparent 60%)}
|
||
.note .nt{font-family:var(--mono); font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--dim); margin:0 0 6px}
|
||
.note p:last-child{margin:0}
|
||
|
||
/* Tables */
|
||
.tbl{width:100%; border-collapse:collapse; margin:18px 0; font-size:15px; overflow:hidden; border-radius:12px; border:1px solid var(--border)}
|
||
.tbl th{text-align:left; font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
|
||
color:var(--dim); padding:13px 16px; background:var(--card-lo); border-bottom:1px solid var(--border); font-weight:600}
|
||
.tbl td{padding:13px 16px; border-bottom:1px solid var(--border); vertical-align:top; color:var(--text)}
|
||
.tbl tr:last-child td{border-bottom:0}
|
||
.tbl tr:nth-child(even) td{background:rgba(255,255,255,.012)}
|
||
.tbl td .sm{color:var(--dim); font-size:13.5px}
|
||
.tag{font-family:var(--mono); font-size:12px; padding:2px 9px; border-radius:6px; white-space:nowrap}
|
||
.tag.fast{background:rgba(70,211,154,.14); color:var(--good)}
|
||
.tag.bal{background:rgba(110,139,255,.14); color:var(--accent-hi)}
|
||
.tag.slow{background:rgba(255,92,92,.14); color:var(--danger)}
|
||
|
||
/* Feature grid */
|
||
.grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0}
|
||
.fcard{background:var(--card); border:1px solid var(--border); border-radius:14px; padding:22px; box-shadow:0 1px 0 var(--hair) inset}
|
||
.fcard .fi{width:38px;height:38px;border-radius:10px;background:var(--card-hi); display:flex;align-items:center;justify-content:center; margin-bottom:14px}
|
||
.fcard .fi svg{width:20px;height:20px;color:var(--accent)}
|
||
.fcard h4{margin:0 0 7px; font-size:16.5px; font-weight:650}
|
||
.fcard p{margin:0; color:var(--dim); font-size:14.5px; line-height:1.6}
|
||
|
||
.kv{display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--border)}
|
||
.kv:last-child{border-bottom:0}
|
||
.kv .k{flex:none; width:190px}
|
||
.kv .k kbd{font-size:13px}
|
||
.kv .v{color:var(--dim); font-size:15.5px}
|
||
|
||
.footer{border-top:1px solid var(--border); margin-top:80px; padding-top:30px; color:var(--faint); font-size:13.5px; font-family:var(--mono)}
|
||
.footer b{color:var(--dim); font-weight:500}
|
||
|
||
@media(max-width:680px){
|
||
.toc ol{columns:1}
|
||
.grid,.legend{grid-template-columns:1fr}
|
||
.kv{flex-direction:column; gap:4px}
|
||
.kv .k{width:auto}
|
||
body{font-size:16px}
|
||
}
|
||
</style>
|
||
<style>
|
||
.ha-img-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#f4f4f5;border:1px dashed #d4d4d8;border-radius:8px;color:#71717a;font-size:12px;font-family:system-ui,sans-serif;min-height:80px;padding:16px;box-sizing:border-box;animation:ha-img-pulse 1.5s ease-in-out infinite}
|
||
.ha-img-placeholder.ha-failed{animation:none;opacity:.7}
|
||
@keyframes ha-img-pulse{0%,100%{opacity:1}50%{opacity:.5}}
|
||
@media(prefers-color-scheme:dark){.ha-img-placeholder{background:#27272a;border-color:#3f3f46;color:#a1a1aa}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
|
||
<!-- HERO -->
|
||
<header class="hero">
|
||
<p class="eyebrow">User Manual · v3</p>
|
||
<div class="brandrow">
|
||
<div class="glyph">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/></svg>
|
||
</div>
|
||
<h1>Win Dictation</h1>
|
||
</div>
|
||
<p class="sub">A push-to-talk speech-to-text utility for Windows. Press a hotkey, speak, and your words land in whatever app you were just using — fully offline, powered by Whisper.</p>
|
||
<div class="metarow">
|
||
<span class="chip"><b>Offline</b> · runs on your machine</span>
|
||
<span class="chip"><b>Hotkey</b> Ctrl+Shift+Space</span>
|
||
<span class="chip"><b>CPU-only</b> · no GPU required</span>
|
||
<span class="chip"><b>Whisper</b> · tiny.en → small.en</span>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- TOC -->
|
||
<nav class="toc">
|
||
<h4>Contents</h4>
|
||
<ol>
|
||
<li><a href="#what">What Win Dictation is</a></li>
|
||
<li><a href="#quick">Quick start in 60 seconds</a></li>
|
||
<li><a href="#tour">The interface, explained</a></li>
|
||
<li><a href="#workflow">How dictation works</a></li>
|
||
<li><a href="#hotkeys">Keyboard & hotkeys</a></li>
|
||
<li><a href="#autopaste">Auto-paste & the active window</a></li>
|
||
<li><a href="#history">History & sessions</a></li>
|
||
<li><a href="#models">Models & the Settings screen</a></li>
|
||
<li><a href="#tray">System tray & options</a></li>
|
||
<li><a href="#stats">Your statistics</a></li>
|
||
<li><a href="#tips">Tips for best results</a></li>
|
||
<li><a href="#trouble">Troubleshooting</a></li>
|
||
<li><a href="#faq">FAQ & where things live</a></li>
|
||
</ol>
|
||
</nav>
|
||
|
||
<!-- 1 -->
|
||
<section id="what">
|
||
<div class="sec-h"><span class="sec-n">01</span><h2>What Win Dictation is</h2></div>
|
||
<p class="lead">A small, focused desktop tool that turns your voice into text anywhere on Windows — no browser, no cloud, no account.</p>
|
||
<p>Win Dictation sits quietly in your system tray. When you want to dictate, you press a global hotkey, speak a sentence or a paragraph, then press the hotkey again. A second or two later the transcribed text is copied to your clipboard and — by default — automatically pasted into whatever window you were using: your email, a chat box, a code editor, a document.</p>
|
||
<p>Everything happens <strong>on your computer</strong>. The audio never leaves the machine; transcription runs locally using <a href="https://github.com/ggerganov/whisper.cpp" target="_blank" rel="noopener noreferrer">whisper.cpp</a>, a compact build of OpenAI's Whisper model. That means it works on a plane, behind a firewall, or anywhere with no internet at all.</p>
|
||
<div class="note good">
|
||
<p class="nt">Built for modest hardware</p>
|
||
<p>This build is tuned for an ordinary CPU-only laptop — the kind with two physical cores and no graphics card. It uses a fast, lightweight model by default and keeps your processor nearly idle while you speak, only working hard for a brief moment after you stop.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 2 -->
|
||
<section id="quick">
|
||
<div class="sec-h"><span class="sec-n">02</span><h2>Quick start in 60 seconds</h2></div>
|
||
<p class="lead">Three steps. No setup, no sign-in.</p>
|
||
<ol class="steps">
|
||
<li>
|
||
<h4>Launch <span class="path">win-dictation.exe</span></h4>
|
||
<p>The window opens and a microphone icon appears in your system tray. Wait a moment for the status line to change from <em>“Loading model…”</em> to <strong>“Ready”</strong>.</p>
|
||
</li>
|
||
<li>
|
||
<h4>Click into wherever you want the text, then press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd></h4>
|
||
<p>Put your cursor in the email, chat box, or document first. Then hit the hotkey. The Record button turns red and a green level meter shows it’s hearing you.</p>
|
||
</li>
|
||
<li>
|
||
<h4>Speak, then press the hotkey again</h4>
|
||
<p>Talk naturally. When you’re done, press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> once more. A short progress bar runs, and your words appear — pasted straight into the app you were using.</p>
|
||
</li>
|
||
</ol>
|
||
<div class="note">
|
||
<p class="nt">That's the whole loop</p>
|
||
<p>Press to start, speak, press to finish. The text is on your clipboard <em>and</em> dropped into your previous window. You never have to click back into Win Dictation.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3 -->
|
||
<section id="tour">
|
||
<div class="sec-h"><span class="sec-n">03</span><h2>The interface, explained</h2></div>
|
||
<p class="lead">The whole app is a single window. Here is every control on it.</p>
|
||
|
||
<div class="stage">
|
||
<div class="appwin">
|
||
<div class="titlebar"><span class="ic"></span><span class="tt">Dictation</span><span class="tw">— ▢ ✕</span></div>
|
||
<div class="appbody">
|
||
<div class="rrow">
|
||
<div class="rec"><span class="d"></span>Record<span class="anno">1</span></div>
|
||
<div class="chipbtn on"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 4v6l-2 4v2h10v-2l-2-4V4"/><line x1="12" y1="16" x2="12" y2="22"/><line x1="8" y1="4" x2="16" y2="4"/></svg><span class="anno">2</span></div>
|
||
<div class="chipbtn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg><span class="anno">3</span></div>
|
||
</div>
|
||
<div class="stat">Ready • 2 threads<span class="anno">4</span></div>
|
||
<div class="tbox">Win-dictate is a desktop, whisper powered, speech to text application!<span class="anno">5</span></div>
|
||
<div class="srow">
|
||
<div class="sel">Microphone (Realtek Audio)<span class="cv">⌄</span><span class="anno">6</span></div>
|
||
<div class="sel">History<span class="cv">⌄</span><span class="anno">7</span></div>
|
||
</div>
|
||
<div class="arow"><span>Copy</span><span>Paste</span><span>Clear</span><span class="anno">8</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="legend">
|
||
<div class="li"><span class="bn">1</span><span class="lt"><b>Record / Stop</b>The big pill. Click to start; it turns red and reads “Stop” while recording. Same as the hotkey.</span></div>
|
||
<div class="li"><span class="bn">2</span><span class="lt"><b>Pin</b>Keeps the window always on top. Blue when active. On by default.</span></div>
|
||
<div class="li"><span class="bn">3</span><span class="lt"><b>Settings (cog)</b>Opens the Settings screen for choosing and downloading models, and viewing your stats.</span></div>
|
||
<div class="li"><span class="bn">4</span><span class="lt"><b>Status line</b>Shows “Ready” and the thread count when idle, a timer while recording, and a live countdown while transcribing.</span></div>
|
||
<div class="li"><span class="bn">5</span><span class="lt"><b>Transcript box</b>Where text appears. You can <strong>edit it freely</strong> — click in and type, fix, or delete.</span></div>
|
||
<div class="li"><span class="bn">6</span><span class="lt"><b>Microphone selector</b>Choose which input device to record from. Opens a dropdown of all your mics.</span></div>
|
||
<div class="li"><span class="bn">7</span><span class="lt"><b>History</b>Opens a list of past dictation sessions you can reload — or delete individually.</span></div>
|
||
<div class="li"><span class="bn">8</span><span class="lt"><b>Copy · Paste · Clear</b>Copy the transcript, paste it into your last window, or clear the box (saving it to history first).</span></div>
|
||
</div>
|
||
|
||
<h3>The status line is your dashboard</h3>
|
||
<p>That one line of dim text under the Record button tells you everything about the app's state:</p>
|
||
<table class="tbl">
|
||
<tr><th>You see</th><th>It means</th></tr>
|
||
<tr><td><code>Loading model…</code></td><td>Starting up — the speech model is being read into memory. Wait a second.</td></tr>
|
||
<tr><td><code>Ready · 2 threads</code></td><td>Idle and ready to record. The number is how many CPU threads it will use.</td></tr>
|
||
<tr><td><code>Recording 0:14</code></td><td>Listening. The timer counts how long you've been speaking. A green level meter pulses with your voice.</td></tr>
|
||
<tr><td><code>Transcribing 0:14 · 62% · 3s left</code></td><td>Working on your audio. The bar fills and the countdown ticks <em>down</em> to zero.</td></tr>
|
||
<tr><td><code>Pasted</code> / <code>Copied</code></td><td>Done. Your text went to the clipboard (and into your previous window if auto-paste is on).</td></tr>
|
||
<tr><td><code>No speech detected</code></td><td>The clip was silent or too short to transcribe. Nothing was added.</td></tr>
|
||
</table>
|
||
</section>
|
||
|
||
<!-- 4 -->
|
||
<section id="workflow">
|
||
<div class="sec-h"><span class="sec-n">04</span><h2>How dictation works</h2></div>
|
||
<p class="lead">Win Dictation is <strong>push-to-talk</strong>, not live streaming. You record a whole clip, then it transcribes the whole thing at once.</p>
|
||
<p>This is a deliberate design choice. Instead of trying to transcribe word-by-word as you speak (which pins a CPU at 100% and stutters on a modest laptop), Win Dictation simply records your audio cheaply while you talk, then does one fast transcription pass the moment you stop. The result is calmer, more accurate, and far lighter on your battery.</p>
|
||
|
||
<h3>What happens when you record</h3>
|
||
<ol>
|
||
<li><strong>You press the hotkey.</strong> The app remembers which window you were in, and where your text cursor was sitting inside the transcript box.</li>
|
||
<li><strong>It records.</strong> Audio is captured at 16 kHz and held in memory. CPU use stays near zero. The level meter shows it's hearing you.</li>
|
||
<li><strong>You press the hotkey again.</strong> Recording stops. Silence at the start and end of your clip is trimmed away automatically.</li>
|
||
<li><strong>It transcribes.</strong> The full clip is run through Whisper once. The progress bar shows a smooth, self-calibrating estimate of how long it will take.</li>
|
||
<li><strong>The text lands.</strong> It's inserted at your cursor (with smart spacing so words don't run together), copied to the clipboard, and pasted into your previous window.</li>
|
||
</ol>
|
||
|
||
<div class="note">
|
||
<p class="nt">There is no “stop on silence”</p>
|
||
<p>Recording continues until <em>you</em> press the hotkey again (or click Stop). Pausing to think won't end the session — take your time. The only automatic stop is a safety cap at <strong>10 minutes</strong> per clip.</p>
|
||
</div>
|
||
|
||
<h3>The transcript box is editable</h3>
|
||
<p>Unlike many dictation tools, the text area is fully editable. Click anywhere in it to fix a misheard word, delete a stray sentence, or type manually. When you dictate again, the new text is inserted <strong>at your cursor</strong> — so you can build up a document piece by piece, placing each new chunk exactly where you want it.</p>
|
||
</section>
|
||
|
||
<!-- 5 -->
|
||
<section id="hotkeys">
|
||
<div class="sec-h"><span class="sec-n">05</span><h2>Keyboard & hotkeys</h2></div>
|
||
<p class="lead">Two global shortcuts work from anywhere in Windows, even when the window is hidden.</p>
|
||
<div class="kv"><div class="k"><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd></div><div class="v"><strong>Start / stop recording.</strong> The core hotkey. Press once to begin, once more to transcribe. If a transcription is already running, pressing it again cancels it.</div></div>
|
||
<div class="kv"><div class="k"><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>H</kbd></div><div class="v"><strong>Hide the window.</strong> Tucks Win Dictation away to the tray (and cancels any recording in progress). The hotkeys still work while hidden.</div></div>
|
||
<div class="kv"><div class="k"><kbd>Esc</kbd> <span class="muted">(in a dropdown)</span></div><div class="v">Closes an open Microphone or History popup without choosing anything.</div></div>
|
||
<div class="kv"><div class="k"><kbd>Delete</kbd> <span class="muted">(in History)</span></div><div class="v">Deletes the history entry you're hovering over.</div></div>
|
||
<div class="note warn">
|
||
<p class="nt">If the hotkey doesn't work</p>
|
||
<p>You may see <code>Hotkey in use — edit win-dictation.ini</code>. That means another program already grabbed <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd>. You can change it by editing the <code>hkMods</code> and <code>hkVk</code> values in the <span class="path">win-dictation.ini</span> file (see the <a href="#faq">FAQ</a>).</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 6 -->
|
||
<section id="autopaste">
|
||
<div class="sec-h"><span class="sec-n">06</span><h2>Auto-paste & the active window</h2></div>
|
||
<p class="lead">The feature that makes Win Dictation feel invisible: it types into <em>other</em> apps for you.</p>
|
||
<p>When you trigger recording, the app notes which window had focus a moment before. After transcription, if <strong>Auto-paste</strong> is enabled (it is by default), it brings that window back to the front and pastes your text there automatically. You dictate, and the words appear in your email — you never touch Win Dictation's own window.</p>
|
||
<p>If you'd rather paste manually, turn auto-paste off in the tray menu. The text is always still copied to your clipboard, and the <strong>Paste</strong> button will send it to your last window on demand.</p>
|
||
<div class="note">
|
||
<p class="nt">Pair it with Auto-hide</p>
|
||
<p>Turn on <strong>Auto-hide</strong> (tray menu) and the window disappears the instant it pastes. Combined with the global hotkey, dictation becomes a pure overlay: tap, speak, tap, and your words flow into whatever you're doing.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 7 -->
|
||
<section id="history">
|
||
<div class="sec-h"><span class="sec-n">07</span><h2>History & sessions</h2></div>
|
||
<p class="lead">Every dictation session is saved automatically, so you never lose a transcript.</p>
|
||
<p>A <strong>session</strong> is everything you dictate between clears. As soon as you finish your first clip, Win Dictation writes it to a timestamped text file. Each additional clip in that session updates the same file — so one session is one tidy file, kept up to date as you go.</p>
|
||
|
||
<h3>Browsing and reloading</h3>
|
||
<p>Click the <strong>History</strong> selector to open the list. Each entry shows its date, time, and a short preview of the text. Click one to load it back into the transcript box. The most recent sessions are at the top, and up to <strong>100</strong> sessions are kept (older ones are pruned automatically).</p>
|
||
|
||
<h3>Deleting entries</h3>
|
||
<p>Hover over any history row and a small <strong>✕</strong> appears on its right edge — click it to delete that session's file. You can also press <kbd>Delete</kbd> on the hovered row. The list <em>stays open</em> after each delete so you can tidy up several at once. The window even shrinks to fit as the list gets shorter.</p>
|
||
<div class="note warn">
|
||
<p class="nt">Deletion is permanent</p>
|
||
<p>Removing a history entry deletes its text file from disk immediately — there is no confirmation prompt and no undo. The files themselves live in a <span class="path">history\</span> folder next to the program, if you ever want to back them up.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 8 -->
|
||
<section id="models">
|
||
<div class="sec-h"><span class="sec-n">08</span><h2>Models & the Settings screen</h2></div>
|
||
<p class="lead">A model is the AI that turns sound into words. Bigger models are more accurate but slower. Click the cog to manage them.</p>
|
||
<p>The Settings screen lists every model Win Dictation can use. Each row shows the model's name, file size, and a short hint. Installed models have a filled radio button you can select; ones you don't have yet show a <strong>Download</strong> button that fetches them directly from Hugging Face with a live progress percentage.</p>
|
||
|
||
<table class="tbl">
|
||
<tr><th>Model</th><th>Size</th><th>Character</th><th></th></tr>
|
||
<tr><td><code>tiny.en</code></td><td class="sm">~75 MB</td><td class="sm">The default. Quick and light — ideal for this CPU.</td><td><span class="tag fast">fastest</span></td></tr>
|
||
<tr><td><code>tiny.en-q8_0</code></td><td class="sm">~42 MB</td><td class="sm">Same speed, smaller file (compressed).</td><td><span class="tag fast">fastest</span></td></tr>
|
||
<tr><td><code>base.en-q5_1</code></td><td class="sm">~59 MB</td><td class="sm">A noticeable accuracy bump for little cost.</td><td><span class="tag bal">good balance</span></td></tr>
|
||
<tr><td><code>base.en</code></td><td class="sm">~142 MB</td><td class="sm">More accurate; still reasonable on two cores.</td><td><span class="tag bal">balance</span></td></tr>
|
||
<tr><td><code>small.en-q5_1</code></td><td class="sm">~182 MB</td><td class="sm">Accurate, but slow on this machine.</td><td><span class="tag slow">slow here</span></td></tr>
|
||
<tr><td><code>small.en</code></td><td class="sm">~466 MB</td><td class="sm">The most accurate offered — and the slowest.</td><td><span class="tag slow">slowest</span></td></tr>
|
||
</table>
|
||
|
||
<h3>Choosing a model</h3>
|
||
<ol>
|
||
<li>Open Settings (the cog), and find the model you want.</li>
|
||
<li>If it isn't installed, click <strong>Download</strong> and wait for it to reach 100%. You can cancel mid-download, and only one downloads at a time.</li>
|
||
<li>Click the model's row to select it (the dot fills in).</li>
|
||
<li>Click <strong>Save</strong>. The app reloads with the new model and remembers your choice. <strong>Back</strong> or <strong>Cancel</strong> discards any change.</li>
|
||
</ol>
|
||
<div class="note">
|
||
<p class="nt">A good rule of thumb</p>
|
||
<p>Stick with <code>tiny.en</code> or <code>base.en-q5_1</code> for everyday use on a two-core laptop. Step up to <code>base.en</code> if you want better accuracy and don't mind waiting a beat longer. The <code>small</code> models are best reserved for short, important clips where accuracy matters most.</p>
|
||
</div>
|
||
|
||
<h3>The progress bar learns your machine</h3>
|
||
<p>You'll notice the transcription countdown is unusually accurate. That's because Win Dictation <strong>measures how fast your specific computer is</strong> with each model and remembers it. The more you use a model, the better its time estimates become — the bar counts steadily down rather than jumping around.</p>
|
||
</section>
|
||
|
||
<!-- 9 -->
|
||
<section id="tray">
|
||
<div class="sec-h"><span class="sec-n">09</span><h2>System tray & options</h2></div>
|
||
<p class="lead">Win Dictation lives in the tray. Right-click its icon for the quick options menu.</p>
|
||
<div class="grid">
|
||
<div class="fcard"><div class="fi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg></div><h4>Auto-paste</h4><p>Paste transcribed text into your previous window automatically. On by default.</p></div>
|
||
<div class="fcard"><div class="fi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l2.4 7.4H22l-6 4.6 2.3 7-6.3-4.6L5.7 21 8 14 2 9.4h7.6z"/></svg></div><h4>Always on top</h4><p>Keep the window above other apps. Mirrors the Pin button. On by default.</p></div>
|
||
<div class="fcard"><div class="fi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7S2 12 2 12z"/><line x1="4" y1="4" x2="20" y2="20"/></svg></div><h4>Auto-hide</h4><p>Hide the window automatically right after it pastes. Off by default.</p></div>
|
||
<div class="fcard"><div class="fi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18M6 6l12 12"/></svg></div><h4>Exit</h4><p>Fully quits the app. Closing the window only hides it to the tray — use this to stop it entirely.</p></div>
|
||
</div>
|
||
<p class="muted">Double-clicking the tray icon brings the window back. Closing the window with the <strong>✕</strong> doesn't quit — it just hides, so the hotkey keeps working in the background. Your window position, pinned state, and these toggles are all remembered between launches.</p>
|
||
</section>
|
||
|
||
<!-- 10 -->
|
||
<section id="stats">
|
||
<div class="sec-h"><span class="sec-n">10</span><h2>Your statistics</h2></div>
|
||
<p class="lead">Scroll down in Settings to see a running tally of your dictation habits.</p>
|
||
<p>Win Dictation quietly keeps lifetime totals and turns them into friendly figures:</p>
|
||
<ul>
|
||
<li><strong>Total audio dictated</strong> and the number of clips.</li>
|
||
<li><strong>Word count</strong>, plus your average <strong>speaking pace</strong> in words per minute.</li>
|
||
<li><strong>Total processing time</strong> and your machine's <strong>real-time factor</strong> (e.g. “4× real-time” means it transcribes four seconds of audio every second).</li>
|
||
<li>Your <strong>longest single clip</strong>.</li>
|
||
<li>An estimate of the <strong>time you've saved</strong> versus typing at 40 wpm.</li>
|
||
</ul>
|
||
<p class="muted">These numbers are stored locally and are just for your own curiosity — nothing is reported anywhere.</p>
|
||
</section>
|
||
|
||
<!-- 11 -->
|
||
<section id="tips">
|
||
<div class="sec-h"><span class="sec-n">11</span><h2>Tips for best results</h2></div>
|
||
<div class="grid">
|
||
<div class="fcard"><h4>Click first, then dictate</h4><p>Put your text cursor in the destination app <em>before</em> pressing the hotkey, so auto-paste knows where to send the words.</p></div>
|
||
<div class="fcard"><h4>Speak in natural phrases</h4><p>Whisper transcribes best with full sentences and natural rhythm. You don't need to over-enunciate or pause between words.</p></div>
|
||
<div class="fcard"><h4>Pick the right mic</h4><p>If accuracy is poor, check the Microphone selector — a headset or dedicated mic beats a distant laptop mic in a noisy room.</p></div>
|
||
<div class="fcard"><h4>Match model to task</h4><p>Quick chat replies? <code>tiny.en</code>. A careful paragraph of prose? Try <code>base.en</code> for fewer corrections.</p></div>
|
||
<div class="fcard"><h4>Edit in place</h4><p>Fix the odd misheard word right in the transcript box, then Copy — faster than re-recording the whole thing.</p></div>
|
||
<div class="fcard"><h4>Let it warm up</h4><p>The very first transcription after launch can be a touch slower as the model settles into memory. It's quick from then on.</p></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 12 -->
|
||
<section id="trouble">
|
||
<div class="sec-h"><span class="sec-n">12</span><h2>Troubleshooting</h2></div>
|
||
<table class="tbl">
|
||
<tr><th>Symptom</th><th>What to do</th></tr>
|
||
<tr><td><b>“Model not found”</b></td><td>The selected <code>.bin</code> model file is missing. Open Settings and download a model (start with <code>tiny.en</code>), or place a <code>.bin</code> file in the <span class="path">models\</span> folder next to the program and restart.</td></tr>
|
||
<tr><td><b>“Hotkey in use”</b></td><td>Another app owns <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd>. Change the hotkey in <span class="path">win-dictation.ini</span>, or close the conflicting app. You can still record by clicking the Record button.</td></tr>
|
||
<tr><td><b>“Microphone error”</b></td><td>The chosen input device couldn't be opened. Pick a different mic from the selector, make sure it isn't in use by another app, and check Windows mic permissions.</td></tr>
|
||
<tr><td><b>“No speech detected”</b></td><td>The clip was silent, too quiet, or under ~0.3 seconds. Check the level meter moves when you talk, and confirm the right mic is selected.</td></tr>
|
||
<tr><td><b>Text pasted into the wrong place</b></td><td>Auto-paste targets whatever window was focused just before you pressed the hotkey. Click into your destination first. If in doubt, turn auto-paste off and use the Paste button deliberately.</td></tr>
|
||
<tr><td><b>Transcription feels slow</b></td><td>You're likely on a larger model. Switch to <code>tiny.en</code> or <code>base.en-q5_1</code> in Settings. The <code>small</code> models are inherently slow on a two-core CPU.</td></tr>
|
||
<tr><td><b>Window vanished</b></td><td>It hid to the tray. Double-click the tray icon, press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>H</kbd>, or right-click the tray icon → Show Window.</td></tr>
|
||
</table>
|
||
</section>
|
||
|
||
<!-- 13 -->
|
||
<section id="faq">
|
||
<div class="sec-h"><span class="sec-n">13</span><h2>FAQ & where things live</h2></div>
|
||
|
||
<h3>Does my voice get sent anywhere?</h3>
|
||
<p>No. All recording and transcription happen on your computer. The only time the app reaches the internet is when <em>you</em> click Download to fetch a model file.</p>
|
||
|
||
<h3>Can it run completely offline?</h3>
|
||
<p>Yes — once you have at least one model installed, no internet is needed ever again.</p>
|
||
|
||
<h3>What languages does it support?</h3>
|
||
<p>This build is tuned for <strong>English</strong> (the <code>.en</code> models). It's optimised for accuracy and speed in English on modest hardware.</p>
|
||
|
||
<h3>Where are my files kept?</h3>
|
||
<p>Everything sits next to <span class="path">win-dictation.exe</span>:</p>
|
||
<table class="tbl">
|
||
<tr><th>Location</th><th>What's there</th></tr>
|
||
<tr><td><span class="path">models\</span></td><td>Your downloaded <code>.bin</code> speech models.</td></tr>
|
||
<tr><td><span class="path">history\</span></td><td>One text file per dictation session.</td></tr>
|
||
<tr><td><span class="path">win-dictation.ini</span></td><td>Your settings, hotkey, window position, learned timing, and statistics.</td></tr>
|
||
<tr><td><span class="path">win-dictation.log</span></td><td>A simple timestamped activity log, handy if something misbehaves.</td></tr>
|
||
</table>
|
||
|
||
<h3>How do I change the hotkey?</h3>
|
||
<p>Open <span class="path">win-dictation.ini</span> in any text editor and edit the <code>hkMods</code> and <code>hkVk</code> values under <code>[app]</code> (they're standard Windows key codes), then restart the app. A built-in settings option for this is a natural future addition.</p>
|
||
|
||
<h3>Why is it called “push-to-talk” if I'm not holding a button?</h3>
|
||
<p>It's toggle-style push-to-talk: one press starts, another stops. You're not transcribing live as you speak — you capture a clip, then it's processed. This is what keeps it fast and light on a CPU-only machine.</p>
|
||
|
||
<div class="footer">
|
||
<b>Win Dictation</b> · push-to-talk speech-to-text for Windows · powered by whisper.cpp (MIT)<br>
|
||
Default hotkey Ctrl+Shift+Space · CPU-only build · runs entirely offline
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
<script>
|
||
document.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Escape' && window.parent !== window) {
|
||
window.parent.postMessage({ type: 'close-fullscreen' }, '*');
|
||
}
|
||
});
|
||
</script>
|
||
<!-- broken-img-handler -->
|
||
<script>
|
||
(function(){
|
||
if(window.__brokenImgHandler)return;
|
||
window.__brokenImgHandler=true;
|
||
var MAX=5,DELAYS=[2000,4000,8000,16000,32000];
|
||
document.addEventListener('error',function(e){
|
||
var img=e.target;
|
||
if(!img||img.tagName!=='IMG')return;
|
||
var liveSrc=img.getAttribute('src');
|
||
var src=img.dataset.haOriginalSrc||liveSrc;
|
||
if(!src)return;
|
||
if(img.dataset.haOriginalSrc&&liveSrc&&liveSrc!==img.dataset.haOriginalSrc&&liveSrc.indexOf('_r=')<0){src=liveSrc;img.dataset.haOriginalSrc=src;img.dataset.haRetryCount='0'}
|
||
else if(!img.dataset.haOriginalSrc){img.dataset.haOriginalSrc=src}
|
||
var attempt=parseInt(img.dataset.haRetryCount||'0',10);
|
||
if(img.dataset.haPhId){var old=document.getElementById(img.dataset.haPhId);if(old)old.remove()}
|
||
var ph=document.createElement('div');
|
||
ph.className='ha-img-placeholder'+(attempt>=MAX?' ha-failed':'');
|
||
ph.id='ha-ph-'+Math.random().toString(36).slice(2,9);
|
||
var w=img.getAttribute('width');var h=img.getAttribute('height');
|
||
if(w)ph.style.width=w+(isNaN(Number(w))?'':'px');
|
||
else if(img.style.width)ph.style.width=img.style.width;
|
||
else if(img.width>1)ph.style.width=img.width+'px';
|
||
if(h)ph.style.height=h+(isNaN(Number(h))?'':'px');
|
||
else if(img.style.height)ph.style.height=img.style.height;
|
||
else if(img.height>1)ph.style.height=img.height+'px';
|
||
ph.textContent=attempt>=MAX?'Image unavailable':'Loading image\u2026';
|
||
img.dataset.haPhId=ph.id;
|
||
if(img.dataset.haOrigDisplay==null)img.dataset.haOrigDisplay=img.style.display||'';
|
||
img.style.display='none';
|
||
img.insertAdjacentElement('afterend',ph);
|
||
if(attempt<MAX){
|
||
img.dataset.haRetryCount=String(attempt+1);
|
||
setTimeout(function(){
|
||
if(!img.isConnected)return;
|
||
if(img.dataset.haOriginalSrc!==src)return;
|
||
if(img.complete&&img.naturalWidth>0)return;
|
||
var curSrc=img.getAttribute('src');
|
||
if(curSrc&&curSrc.indexOf(src)!==0)return;
|
||
var fresh=src+(src.indexOf('?')>=0?'&':'?')+'_r='+(attempt+1)+'_'+Date.now();
|
||
img.src=fresh;
|
||
},DELAYS[attempt]);
|
||
}
|
||
},true);
|
||
document.addEventListener('load',function(e){
|
||
var img=e.target;
|
||
if(!img||img.tagName!=='IMG')return;
|
||
if(img.dataset.haPhId){
|
||
var ph=document.getElementById(img.dataset.haPhId);
|
||
if(ph)ph.remove();
|
||
delete img.dataset.haPhId;
|
||
img.style.display=img.dataset.haOrigDisplay||'';
|
||
delete img.dataset.haOrigDisplay;
|
||
delete img.dataset.haOriginalSrc;
|
||
delete img.dataset.haRetryCount;
|
||
}
|
||
},true);
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|