Lined Notes
100% Client-Side • Zero Dependencies • Offline-First Progressive Web App (PWA)
Created using Google Gemini 3.8 Flash & Claude Opus 5.5
Features •
Quick Start •
Keyboard Shortcuts •
Export & Import •
Architecture
📌 Overview
Lined Notes is a fast, lightweight, and modern media annotation workstation built directly into your browser. Designed for video editors, podcasters, researchers, educators, and content reviewers, it allows you to log precise timestamped notes, mark In/Out playback loops, capture video frame snapshots, and export annotations into industry-standard editing formats (SRT, WebVTT, Markdown, CSV, JSON, and standalone HTML reports).
🔒 100% Private & Client-Side
No media files or notes are ever uploaded to an external server or cloud service. Everything—audio waveform decoding, video snapshot extraction, IndexedDB persistence, and subtitle export generation—runs entirely on your local machine within the browser.
✨ Key Features
🎬 Flexible Media Loading
- Local File Playback: Drag and drop or browse local video and audio files (
.mp4, .mkv, .webm, .mov, .avi, .mp3, .wav, .m4a, .flac, .ogg, .opus, .aac).
- YouTube Integration: Paste any YouTube video link (regular links,
youtu.be, /shorts/, or /embed/) with automatic video title synchronization and timeline scrubbing.
- External Video Streams: Direct playback of remote HTTP/HTTPS video and audio streams.
- Linked Media Files: In Chromium-based desktop browsers (Chrome, Edge, Brave…) each notebook remembers the media file it was made from via the File System Access API. Opening the notebook reopens the file after a single permission click instead of a trip through the file picker; an installed PWA can choose Allow on every visit to skip even that.
- Detached Review Mode: Load and review saved notebook annotations, search notes, and export reports even without the source media file attached (or while the browser can't reopen it).
📊 Interactive Canvas Waveform & Timeline
- Hardware-Accelerated Timeline: Smooth canvas scrubbing, high-DPI scaling, and responsive hover timecodes.
- Web Worker Audio Decoding: Background audio demuxing and waveform peak calculation off the main thread for smooth 60 FPS UI performance.
- Live Frequency Visualizer: Web Audio API frequency visualizer disc card for dedicated audio file playback.
- Timeline Annotation Flags: Visual indicators on the timeline displaying note positions and colored category tags.
- Zoom & Pan: Zoom timeline in/out using shortcut keys (
+/-) or Ctrl + mouse wheel.
📝 Precision Annotation & Note-Taking
- Instant Timestamp Capture: Press N while playing to mark the exact timecode and jump straight into writing.
- A-B Range In/Out Points: Mark In (I) and Out (O) points to annotate continuous time ranges.
- Range Looping: Toggle A-B range looping (Shift + L) for detailed transcription or repeating critical moments.
- Color-Coded Categorization: Tag annotations with curated categories (Note, Action, Highlight, Issue, Quote) and filter notes by tag.
- Automatic Frame Snapshots: Captures video thumbnail snapshots for every timestamped note.
- Snapshot Lightbox: Click any thumbnail to view full-resolution video frames and download snapshot images.
- Pause While Typing: Optional setting to automatically pause playback while typing notes and resume once the note is saved.
- Editable Notes: Change a saved note's text, start/end time (with "Now" buttons) and tag; nudge timing with Shift + ,/..
- Reaction-Time Offset: Optionally stamp 1–3 s earlier when capturing during playback.
- Undo & Redo: Ctrl/⌘ + Z (or the toast's Undo button) reverts adds, edits, deletes, imports and clear-all; Ctrl/⌘ + Shift + Z or Ctrl + Y redoes.
- Instant Search: Real-time text filtering across all annotations in the sidebar.
💾 Local Notebooks & Session Management
- IndexedDB Auto-Save: Changes are persisted locally across reloads and media changes in
LinedNotesDB.
- Picks Up Where You Left Off: The notebook that was open when you last closed Lined Notes opens again on the next launch; a linked file reattaches where the browser allows, otherwise Reopen is one click away. Start a New Notebook before leaving to open on a blank slate instead.
- Notebook Switcher & Manager: Browse all past sessions, search by media title or tags, restore notebooks, and manage stored sessions.
- Inline Notebook Renaming: Rename session titles directly from the notebook manager with confirm/cancel controls.
- Back Up & Restore: Download every notebook as one JSON file and restore it later (restores merge with existing notebooks). Backups carry notes, not file links: a restored notebook opens in Detached Review Mode until its media file is attached once more.
- Persistent Storage: Asks the browser to protect saved notebooks from automatic clean-up; usage is shown in Settings.
여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗
