TTML Renderer
v
by
@toxi
▾
Contributors
@toxi
— base code
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
In-Your-Face Lyrics
AMLL Lyric Video
Export Quality
High (1280x720 @ 30 FPS)
Balanced (960x540 @ 30 FPS)
Performance (854x480 @ 24 FPS)
Output Filename
Variables ▾
Click a variable to insert it
.webm is appended automatically
Karaoke Settings
Ignore background vocal lines
In-Your-Face Settings
Lyric Casing
Original
lowercase
ALL CAPS
Show song progress bar
Reset to Defaults