How It Works?
Record or import, edit it yourself or hand the first pass to an agent, review every change before it lands, and export. The preview you approve is the file you get.
Capture screen, webcam and microphone in a single take — or drop in an MP4, WebM or MOV you already have.
Do it by hand, or let an agent take the first pass. Through WebMCP it reads the real project and calls typed tools — no screenshot guesswork.
Open the staged diff, keep what you want, and the ghosts turn solid. One renderer draws both the preview and the finished file.
Capture
MediaRecorder, with a hardware VP9 path through WebCodecs when the machine offers one. Encoding starts after the countdown, so takes do not open on dead footage.
Decode
mediabunny drives WebCodecs through a coalesced frame pump — one forward sweep rather than a seek per frame, which is what keeps scrubbing smooth on long recordings.
Compose
Background, zoom, camera bubble and text are drawn in a single pass. Preview and export call the same function, so the two cannot drift apart.
Persist
Projects live in the browser's own file system. Media is written once, edits autosave as JSON, and your last project reopens when you come back.
FAQs?
Everything worth knowing before you hit record.
BasicsWhat is Panoptik?
A demo studio that runs entirely in your browser. Record your screen and camera, edit on a real timeline — zoom keyframes, backgrounds, text — and export a finished MP4 or WebM. Nothing installs, nothing uploads.
BasicsDo I need an AI agent to use it?
No. Every tool is there in the editor and works on its own; the agent is an optional first pass, not the way in. If you never connect one, nothing about the app changes.
AgentWhat is WebMCP?
Model Context Protocol, for the web. Rather than reading screenshots and guessing, a connected agent sees the actual project and calls typed tools — propose_zoom_points, set_background, add_text_overlay — with real arguments.
AgentCan the agent change my video without asking?
No. Anything it proposes lands as a dashed ghost on the timeline and stays there until you approve it. You can retime a proposal by dragging it, discard it, or open ToolTrace to see exactly which call produced it.
PrivacyIs anything uploaded?
No, and there is nowhere for it to go — there is no server and no API key. Video decodes through WebCodecs and your recordings are written to the browser's own storage on your machine.
PrivacyWhat happens to my camera and mic when I stop?
They are released as soon as the take ends, and the hardware indicator goes out. The camera is only opened while the record panel is showing you a preview or a recording is running.
EditingHow do zoom points work?
Pause and click the preview to drop a zoom at the playhead, or let the agent propose a set. Drag the focal point to reframe, drag the diamonds on the timeline to retime, and the shot holds at that zoom until the next point takes over.
EditingCan I change the speed without chipmunk audio?
Yes. Speed runs from 0.25× to 3×, and the audio is time-stretched rather than resampled, so voices keep their pitch. Preview and export are remapped through the same clock, so they stay in agreement.
ExportWhat do I get at the end?
A 1080p MP4 (H.264) or WebM (VP9), in 16:9, 9:16, 1:1, 4:3 or your source aspect. The preview and the exported file are drawn by the same renderer, so what you signed off is what lands in the file.
ExportWill my work survive a reload?
Yes. Media is written to the browser's file system once and edits autosave as JSON, so closing the tab is safe and your last project reopens on its own. You can also delete a project and its media outright.
SupportWhich browsers work?
Chrome and Edge are the target today, because the capture and encode paths lean on WebCodecs and the floating camera window uses Document Picture-in-Picture. Other browsers are not supported yet.
No API keys · WebCodecs · 100% in browser