TTML Renderer
v
by
@toxi
▾
Contributors
@toxi
— base code
NaeNaeTart
— high-performance offline rendering & quality modes
alex
— color-changing code
quuut
— WebKit file upload fix
Yuri Sitnikov
—
fix-webm-duration
library
Create TTML
TTML Maker Tools
×
Filter by Complexity:
All
Simple
Advanced
Filter by Support:
All
Full Support
Unknown Support
Filter by Platform:
All
PC
Mobile
Reset Filters
Lyrics file
Drop .ttml here
Audio file
Drop audio here
0:00
/
0:00
LYRICS
Upload a .ttml file to begin
Rendering
Preparing…
Cancel
⚠ Overlapping Timing Detected
Cancel
Render Anyway
Design
×
Colors
Accent & Active Word
Accent 2
Surfaces
Background
Surface
Border
Text
Bright
Mid
Dim
Export
Export Style
TTML Birds-eye View
Karaoke Lyric Video
Cozy Lyric Video
AMLL Lyric Video
In-Your-Face Lyrics (deprecated)
Export Format
WebM (.webm)
MP4 (.mp4)
Export Quality
Ultra (1920x1080 @ 60 FPS)
High (1280x720 @ 30 FPS)
Balanced (960x540 @ 30 FPS)
Performance (854x480 @ 24 FPS)
Custom
Width
Height
FPS
Render Method
Fast Encoder (WebCodecs)
Screen Recording (MediaRecorder)
Output Filename
Variables ▾
Click a variable to insert it
The extension is appended automatically
Karaoke Settings
Ignore background vocal lines
In-Your-Face Settings
Lyric Casing
Original
lowercase
ALL CAPS
Show song progress bar
Cozy Settings
Intro text
Display Mode (Duet TTML)
Middle-aligned
TTML Side-by-side
Reset to Defaults