6 ms·

Show HN: CodeMic

52 points by seansh 7mo ago

With CodeMic you can record and share coding sessions directly inside your editor. Think Asciinema, but for full coding sessions with audio, video, and images. While replaying a session, you can pause at any point, explore the code in your own editor, modify it, and even run it. This makes following tutorials and understanding real codebases much more practical than watching a video. Local first, and open source. p.s. I’ve been working on this for a little over two years and would love to hear your thoughts.

Bishonen88 7mo ago
I know I've seen something like this on hackernews before. SaaS for taking over the IDE at any point of a recording, just without the video. EDIT: https://news.ycombinator.com/item?id=28207662 https://news.ycombinator.com/item?id=28207662 Seems this but with a slightly different spin? EDIT2: Gave it a go. Works as intended, so good job on that. The video being a video, makes it a bit awkward though - if I stop the recording and edit some part, I'd want to see the changes live, but for that I guess I'd have to start the server myself? And when I hit play, my changes got deleted anyway (?). As for the usefulness aspect, personally I am not sure that this has a benefit over e.g. watching youtube tutorials/following books. I watched one of the videos and I'd have to concentrate on the video, the text and audio at the same time, and it wouldn't be me typing the code anyway, so I'm not sure how much I'd remember of it. I'd have to stop, open a new project and try to rewrite it myself to memorize the concepts deeper. But that's just my personal take - might be that there's a big userbase for such interactive learning!
- seansh 7mo ago
  I think you mean Scrimba. Yes, it's similar in the sense that in both tools, when you're playing back a recording, you're not looking at the code as a video. But instead the code is there as text. You can pause the recording, look at the files in the project, scroll up and down the editor etc. The difference is that CodeMic records and replays inside your editor, not on the web. Currently, only VSCode is supported, but the output is independent of VSCode, making it easy to bring it to other editors and even the web. Another difference is that CodeMic is not focused on web development or any particular stack. It's more general.
- seansh 7mo ago
  > As for the usefulness aspect, personally I am not sure that this has a benefit over e.g. watching youtube tutorials/following books. I do like YouTube video tutorials, but only as long as they're short. Watching Handmade Hero (by Casey Muratori) for example was a little frustrating: the videos are long, the codebase is large, things are moving fast, and I'd get lost. I often wished I could pause the video to look up the definition of a function, or get an overview of when each file/line was edited and jump straight to that point. Books/blogs are ok for explaining large codebases that already exist, but not for following a project as the code constantly changes. The book Crafting Interpreters did a really good job there, but that's really rare and hard to do. I think CodeMic could be useful for this kind of long-form tutorials.
exceptione 7mo ago
Interesting concept, had never seen something like this. Demo video was short and to the point, well done!
small_model 7mo ago
Coding session these days is someone typing into Claude Code and waiting. I think this would have been a decent idea a few years ago. Humans typing code into an editor is going to be as rare as debugging assembly.
- newswasboring 7mo ago
  This has huge potential as an education tool. People still have to learn how to code. A person who doesn't cannot achieve shippable products even with Claude code.
  - small_model 7mo ago
    I disagree, and even more so in the future. Programming languages will become a relic of the past. I think LLMs will just create binary from spec/tests/
    - newswasboring 7mo ago
      Why do you think this? I don't see a pathway for a language model to create binaries directly. Is someone working on this?
      - small_model 7mo ago
        I mean the code would be intermediate and not really kept around. Code could be any language llm would choose best depending on requirements.
        f311a 7mo ago
        You are living in a fantasy. We are nowhere near this, and engineers who understand fundamentals very well are the ones in demand.
        small_model 7mo ago
yurii_l 7mo ago
Already waiting on twitch ASMR coders that will use your tool =)
Imustaskforhelp 7mo ago
Kudos for actually making it open source. https://github.com/computing-den/CodeMic https://github.com/computing-den/CodeMic Wishing you luck for this project!
- seansh 7mo ago
  Thank you very much.
cgonzar3 7mo ago
Looks like a great idea, specially for learning
mikemarsh 7mo ago
> A sanctuary from AI and vibe coding, focused on human engineering Big fan of this project for this reason alone. I hope over the next few years we'll see this more and more not just as an implementation detail, but a public branding sentiment that like-minded coders, consumers or even (if we're living in fantasy-land) business clients can rally behind.
- seansh 7mo ago
  Thank you. I’d love to spend some time studying the codebases of projects I admire like sqlite, luajit, or whatever Fabrice Bellard has a hand in, and try to find something interesting about them to share with everyone through CodeMic. There's so much to learn from human engineers of that caliber.
  - mikemarsh 7mo ago
    That's a great idea; a good chunk of interesting software design discussion has been crowded out by "here's how to better beg the machine to do the right thing", rather than discussing amongst ourselves what the "right thing" even is in various circumstances.
eddyg 7mo ago
Somewhat related (and seems like a lot of folks don't know about) is VS Code's "Code Tour" feature: https://github.com/microsoft/codetour https://github.com/microsoft/codetour The best part is the ability to easily edit, delete, and re-order "tour points". Tours can either be checked into the repo or exported to a "tour file" to allows anyone to replay the same tour (without having to clone any code to do it!)
catchmeifyoucan 7mo ago
This looks great! I'm trying to open a video to test it out. My VSCode seems to open, but the session doesn't launch. Am I missing something?

Show HN: CodeMic

52 points by seansh 7mo ago

Bishonen88 7mo ago

I know I've seen something like this on hackernews before. SaaS for taking over the IDE at any point of a recording, just without the video. EDIT: https://news.ycombinator.com/item?id=28207662 https://news.ycombinator.com/item?id=28207662 Seems this but with a slightly different spin? EDIT2: Gave it a go. Works as intended, so good job on that. The video being a video, makes it a bit awkward though - if I stop the recording and edit some part, I'd want to see the changes live, but for that I guess I'd have to start the server myself? And when I hit play, my changes got deleted anyway (?). As for the usefulness aspect, personally I am not sure that this has a benefit over e.g. watching youtube tutorials/following books. I watched one of the videos and I'd have to concentrate on the video, the text and audio at the same time, and it wouldn't be me typing the code anyway, so I'm not sure how much I'd remember of it. I'd have to stop, open a new project and try to rewrite it myself to memorize the concepts deeper. But that's just my personal take - might be that there's a big userbase for such interactive learning!

seansh 7mo ago
I think you mean Scrimba. Yes, it's similar in the sense that in both tools, when you're playing back a recording, you're not looking at the code as a video. But instead the code is there as text. You can pause the recording, look at the files in the project, scroll up and down the editor etc. The difference is that CodeMic records and replays inside your editor, not on the web. Currently, only VSCode is supported, but the output is independent of VSCode, making it easy to bring it to other editors and even the web. Another difference is that CodeMic is not focused on web development or any particular stack. It's more general.
seansh 7mo ago
> As for the usefulness aspect, personally I am not sure that this has a benefit over e.g. watching youtube tutorials/following books. I do like YouTube video tutorials, but only as long as they're short. Watching Handmade Hero (by Casey Muratori) for example was a little frustrating: the videos are long, the codebase is large, things are moving fast, and I'd get lost. I often wished I could pause the video to look up the definition of a function, or get an overview of when each file/line was edited and jump straight to that point. Books/blogs are ok for explaining large codebases that already exist, but not for following a project as the code constantly changes. The book Crafting Interpreters did a really good job there, but that's really rare and hard to do. I think CodeMic could be useful for this kind of long-form tutorials.

exceptione 7mo ago

Interesting concept, had never seen something like this. Demo video was short and to the point, well done!

small_model 7mo ago

Coding session these days is someone typing into Claude Code and waiting. I think this would have been a decent idea a few years ago. Humans typing code into an editor is going to be as rare as debugging assembly.

newswasboring 7mo ago
This has huge potential as an education tool. People still have to learn how to code. A person who doesn't cannot achieve shippable products even with Claude code.
- small_model 7mo ago
  I disagree, and even more so in the future. Programming languages will become a relic of the past. I think LLMs will just create binary from spec/tests/
  - newswasboring 7mo ago
    Why do you think this? I don't see a pathway for a language model to create binaries directly. Is someone working on this?
    - small_model 7mo ago
      I mean the code would be intermediate and not really kept around. Code could be any language llm would choose best depending on requirements.
      - f311a 7mo ago
        You are living in a fantasy. We are nowhere near this, and engineers who understand fundamentals very well are the ones in demand.
        small_model 7mo ago

yurii_l 7mo ago

Already waiting on twitch ASMR coders that will use your tool =)

Imustaskforhelp 7mo ago

Kudos for actually making it open source. https://github.com/computing-den/CodeMic https://github.com/computing-den/CodeMic Wishing you luck for this project!

seansh 7mo ago
Thank you very much.

cgonzar3 7mo ago

Looks like a great idea, specially for learning

mikemarsh 7mo ago

> A sanctuary from AI and vibe coding, focused on human engineering Big fan of this project for this reason alone. I hope over the next few years we'll see this more and more not just as an implementation detail, but a public branding sentiment that like-minded coders, consumers or even (if we're living in fantasy-land) business clients can rally behind.

seansh 7mo ago
Thank you. I’d love to spend some time studying the codebases of projects I admire like sqlite, luajit, or whatever Fabrice Bellard has a hand in, and try to find something interesting about them to share with everyone through CodeMic. There's so much to learn from human engineers of that caliber.
- mikemarsh 7mo ago
  That's a great idea; a good chunk of interesting software design discussion has been crowded out by "here's how to better beg the machine to do the right thing", rather than discussing amongst ourselves what the "right thing" even is in various circumstances.

eddyg 7mo ago

Somewhat related (and seems like a lot of folks don't know about) is VS Code's "Code Tour" feature: https://github.com/microsoft/codetour https://github.com/microsoft/codetour The best part is the ability to easily edit, delete, and re-order "tour points". Tours can either be checked into the repo or exported to a "tour file" to allows anyone to replay the same tour (without having to clone any code to do it!)

catchmeifyoucan 7mo ago

This looks great! I'm trying to open a video to test it out. My VSCode seems to open, but the session doesn't launch. Am I missing something?