Scrolling Text Video Maker

Turn scrolling text into a video asset for digital signage, editing software, social clips, or OBS-style workflows. Rendering happens in the browser and the export format is clearly shown before generation.

Live preview

This browser does not support video recording. Try a recent Chrome, Edge or Firefox browser.

{
  "text": "Welcome to Scrolling Text Generator!",
  "width": 640,
  "height": 240,
  "fps": 18,
  "duration": 5,
  "size": 48,
  "padding": 16,
  "font": "Arial",
  "color": "#000000",
  "background": "#ffffff",
  "direction": "left",
  "qrType": "URL",
  "ssid": "My Wi-Fi",
  "password": "",
  "wifiType": "WPA",
  "ec": "M",
  "format": "WebM"
}

What this generator does

Canvas presets including 16:9, 9:16, square and transparent-capable WebM when supported.
Motion direction, duration, background and typography.
WebM export with MediaRecorder.
Optional MP4 only when natively supported; never fake an MP4 by renaming a file.

How to use

Enter text and choose video dimensions.
Style the text and background.
Set direction and duration.
Preview.
Choose an actually supported export format and generate the file.

Best practices

Use 16:9 for standard video, 9:16 for vertical content.
Keep safe padding around text.
Use WebM when transparency is required and supported.

Frequently asked questions

Can it export MP4 everywhere?

No. Browser encoding support varies. The interface must only offer MP4 when a real MP4-capable encoder is available; otherwise use WebM.

Can I use the result in OBS?

Yes. Exported files can be used as media sources, and the related OBS guide also explains browser-source HTML options.

Related tools & guides

GIF Scrolling Text Generator

Create an animated GIF with scrolling text. Set text, size, colors, direction, speed and canvas dimensions, preview it, then download the GIF.

How to Add Scrolling Text to OBS

Create scrolling text for OBS using a browser-source HTML file or an exported video, with practical sizing and transparency tips.

Scrolling Text Generator

Create beautiful scrolling text animations with live preview. Choose from 8 animation types, customize speed, direction, fonts and colors, then copy clean HTML & CSS.