Universal Video Caption (Sidebar UI)

Overlay custom subtitles (.srt) on any HTML5 video. Interactive elements moved to a persistent sidebar.

Universal Video Caption (UVC)

This user script allows you to overlay custom subtitles (SRT files) on virtually any HTML5 video player across the web.

Drag & Drop Loading: Simply drag and drop your .srt subtitle file anywhere onto the page to load it instantly.
Persistent Caching: Subtitles are automatically cached for the current video's URL, so you don't need to reload the file every time you revisit the page.
Full Customization:
- Adjust Font Size and Font Color.
- Customize the Background Color and Opacity.
- Toggle subtitle alignment between the bottom (default) and top of the video.
Subtitle Timeline: Access a sidebar panel that lists all subtitles with timestamps, allowing you to instantly jump to any point in the video by clicking a line.
Sync Adjustment: Easily set a Global Sync Offset (ms) directly in the Timeline panel to fix timing issues (e.g., subtitles starting too early or too late).
Dual-Line Subtitles (Previous Line): An optional feature to display the previous subtitle line above the current one, with its own opacity setting for better context.

Look for the Button: After the script is installed and running on a page with a video, look for the "📁 CC Upload" or "⚙️ CC Settings" button usually located in the top-left corner of the video player.
Load Subtitles:
- Drag & Drop: Drag an .srt file onto the page.
- Button: Click the button and select "Load New SRT" to open a file selection dialog.
Access Settings: Once loaded, click the "⚙️ CC Settings" button to open the configuration panel to customize colors, size, and other options.
Manage Timeline: In the Settings panel, click "Timeline" to open the subtitle sidebar for searching, jumping to timestamps, and adjusting the sync offset.