Capturing Website

Capturing Website is a local-only, browser-based screen and video recording app.

Recordings are stored on your local file system.

How It Works

Capturing Website wants to be a playground of what's possible to do in the browser, while graciously falling back to work on the majority of modern browsers.

• Local Compositing: The screen capture and camera video are combined and composited in real-time onto an offscreen canvas
• Background Encoding: The composited frames and microphone audio are piped to a background Web Worker (recordingWorker.ts)
• WebCodecs & MediaBunny: The worker encodes the streams locally using WebCodecs (VP8 for video, Opus for audio) via mediabunny into a WebM container.
• Direct File System Access: Encoded chunks are written directly to your local disk using the File System Access API (or OPFS on unsupported browsers like Firefox)

html-in-canvas rendering TBA.

Development

It's a simple Vite + Preact + TypeScipt app.

1. Clone the repository
2. pnpm install
3. pnpm run dev

Build for production with pnpm run build