← Back to blog
notave

How to Add Scrolling Tabs to Your Guitar Play-Through Videos — No Install, Rendered Right in Your Browser

By Masashi Y.

“I want my play-through video to show the TAB too.” “How do people make those tabs that scroll along with the playing?” “You know the look — a black strip at the bottom of the screen with TAB flowing through it.”

Play-through videos with on-screen TAB are a beloved format: viewers can practice straight from the video, so they get saved and commented on. But when you look up how to make one, the usual answer is surprisingly laborious. This guide covers that traditional method first, then a simpler one: export the scrolling TAB itself as a strip video, right in your browser, and overlay it in your editor.


The traditional way: screen-record and composite

The usual workflow for scrolling TAB goes something like this:

  1. Write the TAB in a tab editor
  2. Switch the view to horizontal scrolling
  3. Play it back while screen-recording the TAB area
  4. Import the recording into your video editor, then resize and position it over your footage

It works, but screen recording drags in its own problems — framing the capture region, playback controls sneaking into the shot, resolution compromises. And every re-take means setting it all up again.


With notave: export a strip video and overlay it

The video export in notave, a browser-based TAB editor, includes two strip presets made for play-through videos. Instead of screen-recording, you export the scrolling TAB itself as a wide strip video.

  • Band (16:3) = 1920×360 — sits exactly on the bottom third of a full-HD (1920×1080) landscape video
  • Band Short (1080×540) = a strip for vertical Shorts (1080×1920)

The steps:

  1. Prepare your TAB in notave (more on that below)
  2. Open Export Video from the import/export menu and pick Band (16:3) — or Band Short for a vertical video
  3. Load the exported MP4 into your video editor and layer it over the bottom of your footage
notave's video export dialog with the Band (16:3) and Band Short (1080×540) presets, black background selected, output 1920×360 MP4

The TAB renders as a single system that scrolls along with the music, and the rendering runs entirely in your browser — no extra software. The strip uses a solid black or white background: the classic “black-strip TAB” look. Drop it onto your video and you’re done, and the numbers stay readable no matter what’s in the footage.

Here is a strip exported with Band (16:3) — 8 measures, black background, with the watermark:

On the editor side

The steps are the same in CapCut, DaVinci Resolve, Premiere Pro, or any other editor:

  1. Place the strip video on the track above your performance footage
  2. Align it to the bottom edge (Band (16:3) fits a 1920×1080 landscape video at 100% scale; Band Short fits a 1080×1920 vertical one)
  3. Nudge the strip’s start point until the TAB lines up with your playing

Export the strip without audio and it won’t fight with your performance sound.

For Shorts, use Band Short — don’t reuse the landscape strip

One pitfall worth knowing. If you drop the landscape Band (16:3) strip (1920 wide) onto a vertical Short (1080 wide), it gets scaled down to about 56% to fit, and the fret numbers become unreadable.

For Shorts (YouTube Shorts / Reels / TikTok), pick the dedicated Band Short (1080×540) preset. It fits a vertical video at full width, and the strip stands about 28% of the screen tall — sized so the numbers stay readable in full-screen phone viewing.


Don’t have the TAB yet? Several ways in

If the part you want to show isn’t written down yet, pick the entry that matches what you have:


Is it free?

Video export is free. Exports currently carry a watermark. Watermark-free export used to be paid-only and is being opened up to everyone step by step. Sheet length is capped at 8 measures signed out and 100 once you sign in.

Full-frame presets — YouTube (16:9), Shorts (9:16), and Square (1:1) — are there too, so one chart can become a video for each platform.


Summary

To put scrolling TAB on a play-through video:

  1. Prepare the TAB in notave (have a file? drop it on the converter page)
  2. Export an MP4 with Band (16:3) — or Band Short (1080×540) for Shorts
  3. Overlay it on the bottom of your footage in your editor and line up the timing

No screen recording involved. notave.zelva.dev needs no sign-up and no install — try exporting a strip for a single phrase and drop it into your editor.

Related articles

Practice Guitar TAB Along With the Record — Play a YouTube Video or Audio File in Sync With the Sheet

Practicing TAB along with the original means juggling a video player and a tab app, and losing your place every time you want to hear a bar again. In notave you attach an audio file or a YouTube video to the sheet, and play, pause, bar skips and the loop all carry the record along. Anchoring takes one number — which second of the clip bar 1 falls on. Here is how to run a practice session on it, and how to check your part before shooting a play-through video.

Convert MIDI to TAB — Auto-Generate Guitar & Bass Tabs with notave's MIDI Import

Load a MIDI file and notave generates guitar and bass TAB automatically. Turn a phrase you programmed in your DAW, or any MIDI you have, into TAB with a playable fingering. This guide covers melody vs chord mode, tempo and quantize, the preview-to-apply workflow, and tips for cleaner results.

Convert MusicXML to TAB — Accurately Generate Guitar & Bass Tabs with notave's MusicXML Import

Load a MusicXML file (.musicxml / .mxl) and notave generates guitar and bass TAB automatically. A score you wrote in MuseScore or another notation app comes across with its exact note values, chords, and chord symbols intact, mapped onto a fingering you can actually play. This guide covers part selection, how chords are handled, chord-lane reflection, and the preview-to-apply workflow.

How to Notate a Solo Guitar Arrangement — Two-Voice Chord Melody in notave

A solo guitar (chord melody) score is properly written in two voices — melody with stems up, bass and chords with stems down. This guide walks through building a solo guitar arrangement in notave's two-voice input, step by step — melody, then bass, then chords, then articulations, then playback and sharing. All in the browser, free.