STANDALONE PROOF OF CONCEPT

Code Walkthroughs

Watch the code take shape alongside the narration. Pause to edit any file, then compile and run your version in the browser.

Example walkthrough

Loading Howdy, World! walkthrough…

This example was recorded with this browser authoring tool. Its captions were generated separately with Whisper. Run compiles the current files with Clang 16.0.6 and C++20, then executes WebAssembly locally. Recorded terminal output is replayed during narration; clicking Run produces a fresh result. Native sanitizer diagnostics are not included.

Author a code walkthrough

CREATE A WALKTHROUGH

Set up your source files, record your edits and narration, then preview and download the recording. Everything stays in your browser.

Title Starting code

Hidden dependency

Record microphone narration Pause recording while compiling and running

0:00Ready to record

Program input (stdin)

Run your code here before or during a recording.

The ZIP contains playback.json, playback.wav, and title metadata. Source files and hidden dependencies are included in the recording. Microphone access is requested only when you click Record with narration enabled.

Load a code walkthrough

LOAD A WALKTHROUGH

Drop a walkthrough ZIP here, or select playback.json and its audio file together.

Accepted audio: playback.mp3, playback.wav, playback.webm, playback.ogg, or playback.m4a. Without audio, the player uses a silent timeline.

Captions are optional. Include subtitles.srt to enable closed captions; this demo does not generate subtitles.

Optional captions (.srt)

No captions attached. This demo does not generate subtitles.

Files stay in your browser and are not uploaded to a server.