Spaces:
Sleeping
Sleeping
| <html lang="id"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>YouTube Downloader 4K</title> | |
| <style> | |
| body { background: #0f172a; color: white; font-family: sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; } | |
| .container { background: #1e293b; padding: 2rem; border-radius: 12px; width: 100%; max-width: 400px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); } | |
| h1 { text-align: center; color: #38bdf8; margin-bottom: 1.5rem; } | |
| input, select, button { width: 100%; padding: 12px; margin-bottom: 1rem; border-radius: 6px; border: none; box-sizing: border-box; } | |
| input, select { background: #334155; color: white; } | |
| button { background: #38bdf8; color: #0f172a; font-weight: bold; cursor: pointer; transition: 0.3s; } | |
| button:hover { background: #0ea5e9; } | |
| .note { font-size: 0.8rem; color: #94a3b8; text-align: center; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>🚀 YT Downloader</h1> | |
| <form action="/download" method="post"> | |
| <input type="text" name="url" placeholder="Tempel URL YouTube di sini..." required> | |
| <label>Pilih Kualitas:</label> | |
| <select name="quality"> | |
| <option value="2160">4K (2160p)</option> | |
| <option value="1440">2K (1440p)</option> | |
| <option value="1080" selected>Full HD (1080p)</option> | |
| <option value="720">HD (720p)</option> | |
| <option value="480">480p</option> | |
| </select> | |
| <label>Format:</label> | |
| <select name="format"> | |
| <option value="mp4">Video (MP4)</option> | |
| <option value="mp3">Audio Saja (MP3)</option> | |
| </select> | |
| <button type="submit" onclick="this.innerHTML='Sedang memproses... (Mohon tunggu)'">Download</button> | |
| </form> | |
| <p class="note">Proses 4K mungkin memakan waktu 1-2 menit untuk penggabungan data.</p> | |
| </div> | |
| </body> | |
| </html> |