Beyond screencasts: record & replay every scroll, selection, and modification inside your IDE instead of recording dead pixels on the screen

About CodeMic


screenshot.png

vlcsnap-2024-10-17-14h55m06s592.png


CodeMic is a new concept - a better way to follow a guide building a complex project from scratch. It was inspired by the Handmade Hero & its Episode Guide.

The idea is to record your interactions with the IDE (clicks, scrolls, selections, modifications) instead of screen pixels. During playback, these interactions are replayed while the entire workspace remains in sync. You can also add guiding videos, audios, and visual aids to play alongside the session.

Since everything happens inside the IDE, when you pause the session, you can explore and experiment freely - something that is not possible with screencasts.

Moreover, search and navigation are much better because we are recording file contents and diffs. For example, it can automatically tell at which point a specific line of foo.c was edited or get an overview of the lines shown at each point in time.

The current version is a VSCode extension but the idea is not limited to one IDE. I plan to make players and recorders for other text editors/IDEs in the future versions.

I really hope that CodeMic as a tool and platform will enable the creation of more content like Handmade Hero as well as exploration of large codebases.

I've been working on this for the past year and put together a video demo at CodeMic.io.

I would love to hear your feedback.

Read more
Filters

Recent Activity

I've been working on CodeMic for the past year. It is a new tool and platform for creating content similar to Handmade Hero. Instead of recording screencasts, it can record & replay interactions with the IDE: clicks, scrolls, selections, modifications.
I'd love to hear what you think.
Website: https://CodeMic.io
Demo: https://youtu.be/Qp2GdLO5eSc
&codemic

View original message on Discord