YT Subtitle Downloader

This is a static design sample that recreates a YouTube subtitle download UI. Elements with changing states are arranged for side-by-side comparison.

Input

Backend address

Enter the full websocket URL (ws:// or wss://) including /ws.

YouTube Watch ID or URL

Status: Idle

Status: Completed

Status: Connection failed

Full Subtitle Text

Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye

Prompt Template

Template content

The following is a YouTube subtitle transcript. Please provide a summary, key points, and related topics to watch next in English.

---
{subtitle_text}
---

Stored locally in your browser for future sessions.

Processing Log

Live log stream

[09:41:11] WebSocket connected
[09:41:13] Request sent: dQw4w9WgXcQ
[09:41:14] Extracting subtitle tracks...
[09:41:15] Download complete: en.vtt
[09:41:16] Plain text generated

Input

Full Subtitle Text

Prompt Template

Processing Log

Completion Modal States

Download complete

Download failed