Piano roll video

How to make a MIDI video

A piano-roll video is one of the clearest ways to show how a track works. It can also be a useful promo clip for a beat, a lesson, or a MIDI pack. The key is to show the notes without making the viewer wait for a full song.

A vertical piano-roll video with a playhead and glowing note blocks
A short scrolling piano roll can explain a hook faster than a static screenshot.
Media5 min readEditMIDI Product Team

What matters most

  • Choose the frame before you choose the clip length.
  • Use the notes that explain the hook, not the whole arrangement.
  • Canvas recording happens in real time; keep the tab visible.
  • The optional preview tone is a reference, not a final soundtrack.

Start with the moment worth showing

A useful MIDI video usually shows one musical idea: the hook, the bass groove, a drum pattern, or a chord progression. Pick a section that reads visually within a few seconds. A dense arrangement can look impressive, but it can also become a wall of notes that the viewer cannot parse.

Trim or isolate the section in the MIDI before recording. Mute tracks that add clutter, and keep the part that carries the idea. The video does not need to prove that every instrument exists; it needs to make the main phrase understandable.

Choose the frame for the platform

Use 9:16 for Shorts, Reels, and TikTok, 1:1 for a feed post, and 16:9 for YouTube or a website embed. The piano roll is redrawn for the frame, so the notes stay readable instead of being cropped from a wide layout.

A vertical frame gives the note lanes more height and works well on a phone. A widescreen frame gives the timeline more horizontal room and suits a tutorial or a desktop embed. Choose one frame per idea; repurposing the same recording across aspect ratios usually weakens the composition.

Style the clip without hiding the notes

A title and subtitle give the viewer context: the track name, the tempo, or the sample pack. A background image can add atmosphere, but it should not compete with the note blocks. EditMIDI applies a dark overlay so the piano roll remains legible.

Keep the title short. The viewer is watching a moving timeline, not reading a paragraph. If the clip needs a longer explanation, put it in the post copy or in a follow-up video rather than crowding the frame.

Record in real time

The browser records the canvas in real time. A 15-second clip takes about 15 seconds to capture. Keep the tab visible and avoid switching apps while the recorder is active; background throttling can drop frames or interrupt the recording.

The progress bar shows how much of the clip has been captured. If you cancel, no file is downloaded. If the browser cannot record a canvas, the panel shows a clear error instead of producing an empty file.

Handle audio separately

The optional tone is a simple synthesized guide, not the bundled SoundFont. It helps with sync and gives a silent clip a reference melody. For a finished post, render the MIDI to WAV or MP3, or use the original mix, then combine audio and video in a video editor.

The piano-roll video does not render program changes, controllers, pitch bend, or effects. That is intentional: the visuals describe note timing and pitch, not the full sound design. Keep the audio separate so each part can be finished properly.

A repeatable production loop

Pick a section, set the frame, add a short title, record, and watch the result on a phone before posting. Check that the first frame already shows enough notes to explain the idea, and that the last frame does not cut off a note in a distracting way.

If the clip feels flat, change the section or the title before adding more effects. A clear musical idea with a readable piano roll is more compelling than a busy frame with no focal point.

A posting checklist

Watch the clip once with the sound off. The note pattern and title should still communicate the idea. Then watch it on a phone at the size the platform will use. If the title is unreadable or the notes are too small, change the frame or shorten the title before posting.

Write a post caption that adds context the video cannot: the tempo, the sample pack, the chord progression, or the question you want viewers to answer. A clear caption can turn a short visual into a conversation, which is more useful than a silent clip with no reason to comment.

  • Check the first frame with the sound off.
  • Watch the clip at phone size before publishing.
  • Use the caption for context the frame cannot carry.

What makes a clip watchable

A watchable clip has one focal point. The eye should land on the moving notes, not on a busy background or a title that competes with them. The first two seconds need to establish the pattern, and the last second should leave a complete musical thought rather than a random cutoff.

Loop the clip before posting. If the ending jumps awkwardly back to the beginning, trim the section at a musically sensible point. A clean loop can turn a short clip into something viewers replay, which matters more than adding another visual effect.

  • Give the frame one focal point.
  • Establish the pattern in the first two seconds.
  • Trim the ending so the loop feels intentional.

Questions and answers

How long can a MIDI video be?

EditMIDI records clips from 10 to 30 seconds and caps the export at 60 seconds. Shorter clips are usually easier to read on social platforms.

Does the video include my instrument sounds?

Not automatically. The optional tone is a simple synthesized preview. For the real arrangement, render WAV or MP3 and combine it with the video in an editor.

Why is my video recording slow?

Canvas recording happens in real time. A 20-second clip takes about 20 seconds. Keeping the tab visible and closing heavy background apps can help maintain frame rate.

Can I use the video commercially?

You are responsible for the rights to the MIDI and any background image you add. EditMIDI does not grant rights to the music or the image. Confirm your licenses before publishing.