DEV Community

zhang清溪
zhang清溪

Posted on

How to Record a Clear Whiteboard Lesson Without Capturing Your Whole Desktop

A whiteboard lesson is usually easy to understand while you are drawing it. The trouble appears after recording: the entire desktop is visible, the board is too small, notifications or toolbars distract from the explanation, and every equation becomes difficult to read on a phone.

I ran into this while building short visual explanations. The solution was not a more complicated editor. It was to make the recording frame match the lesson before pressing record.

Here is the workflow I now use.

1. Define one learning outcome

A useful recorded lesson should answer one question.

Examples:

  • Why does this equation change at this step?
  • How does this system architecture move data?
  • What is the difference between these two product flows?
  • Where did the student make a reasoning mistake?

If a lesson has three unrelated outcomes, split it into three videos. Shorter videos are easier to rewatch, easier to update, and easier to share inside an LMS or tutoring chat.

2. Choose the final video shape first

Do not record a large desktop and decide the crop later.

Use 16:9 for YouTube, course platforms, and longer explanations. Use 9:16 for a short revision clip that will be watched on a phone. A square or portrait frame can work for social posts, but only if your labels stay large enough.

I use ExcaliRec's whiteboard recorder for teachers because the recording frame is visible before I draw. That makes it much easier to keep every important mark inside the final video.

3. Plan the board in zones

Divide the canvas into a few visual areas:

  1. A short title or question
  2. The main working area
  3. A conclusion or final diagram
  4. One quiet corner if you want a webcam bubble

This prevents the drawing from drifting endlessly across an infinite canvas. It also gives the camera a logical path to follow.

If you want to show your face, keep it small. The presenter supports the explanation; the whiteboard carries it. I wrote a separate webcam and whiteboard setup guide with framing and audio checks.

4. Write larger than feels necessary

Your monitor is not the final viewing device.

Students may watch beside their notes, inside a small LMS player, or on a phone. Use short labels, leave space between lines, and avoid building one giant diagram with tiny text.

Automatic focus motion helps, but it cannot rescue an overcrowded board. Zoom should guide attention, not make the viewer chase the camera.

5. Record a ten-second test

Before the real lesson, record a short sample:

  • Say one complete sentence
  • Draw one line and one label
  • Move to another part of the board
  • Stop and watch the file

Check four things: voice level, text size, camera position, and whether the focus movement feels calm. This ten-second test is faster than discovering a microphone or framing problem after a full lesson.

6. Explain in visual chunks

Complete one idea before moving to the next area.

For a math lesson, finish one transformation and pause. For an architecture diagram, finish one service and its connections. For a product flow, finish one user action before adding the next screen.

A brief pause between chunks gives the viewer time to process the drawing. It also creates a clean edit point if you trim the video later.

The full process is similar to the method in this drawing process recording guide: start with a promise, build in visual chunks, then end on the complete idea.

7. Leave the final drawing on screen

Do not stop immediately after the last word.

Hold the finished board for a few seconds and summarize the one conclusion the viewer should remember. That pause lets students review the full structure or take a screenshot.

8. Check the downloaded video before sharing

My final checklist is simple:

  • The first sentence is not cut off
  • The last diagram remains visible
  • Text is readable at phone size
  • The webcam does not cover a label
  • Audio is clear
  • No private tabs or notifications appear
  • The aspect ratio matches the destination

ExcaliRec records locally in the browser and downloads WebM. If a platform requires MP4, use a normal conversion step after recording rather than changing the teaching workflow.

The main lesson

A clear whiteboard video is mostly a framing and sequencing problem.

Choose one outcome, define the final frame, write larger, explain in chunks, and verify a short test before the full recording. When the drawing stays central and the camera follows the explanation, the result needs much less editing than a raw desktop capture.

You can try the browser recorder at ExcaliRec. It works best on a modern desktop browser, and recording stays local until you choose where to share the downloaded file.

Top comments (0)