DEV Community

Dave Lee
Dave Lee

Posted on

How I Record Coding Tutorials Without Any Post-Editing

I've been recording coding tutorials for about 10 years now. Online courses, in-person workshops, corporate training sessions. Hundreds of chapters across multiple platforms. At this point, I've probably recorded more screencasts than I can count.

The actual recording part was never the problem. I can talk through code just fine. The real time sink was always what came after: editing.

For every hour of recording, I used to spend at least another hour cutting dead air, adjusting zoom levels, and cleaning things up. When you're pushing out new chapters every week, that adds up fast.

Over the years, I've tried a lot of different tools to shave down that editing time. Here's what actually worked for me, and what didn't.

Problem 1: Dead Air and Silence Gaps

This was the first thing I tackled. When I'm coding live, there are natural pauses where I'm thinking, typing, or waiting for something to compile. Those pauses feel fine in real time but make a video drag.

I started using Filmora's silence detection feature for this. It scans the timeline and automatically removes segments below a certain volume threshold. Not perfect, but it cuts out maybe 80% of the dead air without me touching the timeline manually. That alone saved me hours per week.

Problem 2: Zooming In on Code

This one took me much longer to solve.

When I'm showing code on screen, viewers need to actually read it. On a 1080p or 1440p recording, code can look tiny. The obvious solution is to zoom in on the relevant section.

My first attempt was using macOS built-in zoom (the accessibility zoom). It works great for live presentations, but here's the problem: most screen recorders don't capture it. The recording just shows the regular, un-zoomed screen. Useless for tutorials.

Then I tried tools like ScreenStudio and FocuSee. These have automatic zoom features that follow your cursor. Sounds good in theory, but in practice, the auto-zoom would kick in when I didn't want it to, zoom to the wrong area, or feel jittery and distracting. I ended up spending time in post fixing the zoom points, which defeated the whole purpose.

What I needed was manual control. Zoom in when I say so, zoom out when I'm done. No AI guessing where I'm looking.

Problem 3: Drawing and Annotations

Sometimes I want to draw a circle around a line of code, underline something, or add a quick text label while recording. It's way more engaging than just talking.

I tried DemoPro for this. The drawing tools were decent, but I couldn't zoom in and draw at the same time. It was one or the other. So I'd zoom in with one tool, switch to another for annotations, and the workflow was clunky.

What Actually Fixed Everything

A few months ago, I came across a macOS app called ZoomShot. It solved all three of my remaining problems in one tool.

The zoom is completely manual. You hold Ctrl+A and scroll to zoom in or out. That's it. No automatic cursor following, no AI deciding what's important. You zoom when you want, where you want, and you control the speed with your scroll wheel. It feels natural, like using a camera.

While zoomed in, you can also turn on a focus highlight around your cursor. It dims the rest of the screen slightly so viewers can instantly see where you're pointing. Small detail, but it makes a big difference for readability.

And here's the part that really sold me: drawing works at the same time. Hold Ctrl+X and drag to draw on screen. You can circle things, underline code, draw arrows, all while zoomed in. You can also press Ctrl+Q to drop text labels on screen.

The key thing is that all of this happens at the system level, on top of your screen. Any screen recorder, whether it's OBS, Loom, QuickTime, whatever, just captures what's on your display. So ZoomShot's zoom, highlight, and drawings all show up in the final recording automatically.

No post-production needed for those elements.

ZoomShot in action — Screen Zoom, Focus Highlight, and Drawing all working together during a live recording

My Current Workflow

Here's what my recording process looks like now:

  1. Open my coding environment and start the screen recorder (I use OBS)
  2. During recording, use ZoomShot to zoom into code when explaining something specific
  3. Draw circles or underlines on important lines while talking through them
  4. Zoom back out and continue with the next topic
  5. When done recording, run the file through Filmora to remove silence gaps
  6. Export and upload

That's it. No timeline scrubbing, no keyframe adjustments for zoom, no re-doing annotations in post. The recording is essentially the final product, minus the dead air.

The Difference It Made

My average editing time went from about 45 minutes per chapter down to maybe 10. Most of that remaining time is just the silence removal step and a quick review.

When you're producing content at volume, this kind of time savings changes everything. I can record and publish more frequently, which means more content for students, which means the courses stay current.

I'm not saying this exact setup will work for everyone. If you do heavy post-production with motion graphics and custom transitions, you'll still need a full editor. But if you're like me, just a developer recording screencasts and wanting them to look clean with minimal effort, this combination of live tools plus automated cleanup is hard to beat.

The best edit is the one you never have to make.

Top comments (0)