43 lines
1.5 KiB
HTML
43 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Descargador de YouTube</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-light">
|
|
<div class="container mt-5">
|
|
<h1 class="mb-4 text-center">Descargador de YouTube</h1>
|
|
|
|
{% if error %}
|
|
<div class="alert alert-danger">{{ error }}</div>
|
|
{% endif %}
|
|
{% if success %}
|
|
<div class="alert alert-success">{{ success }}</div>
|
|
{% endif %}
|
|
|
|
<form method="POST">
|
|
<div class="mb-3">
|
|
<label for="url" class="form-label">URL de YouTube</label>
|
|
<input type="url" class="form-control" name="url" id="url" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Tipo de descarga</label><br>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="mode" id="video" value="video" checked>
|
|
<label class="form-check-label" for="video">Vídeo</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="mode" id="audio" value="audio">
|
|
<label class="form-check-label" for="audio">Audio (MP3)</label>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Descargar</button>
|
|
</form>
|
|
|
|
<hr class="my-4">
|
|
<p class="text-muted">Los archivos descargados se guardan en la carpeta <code>downloads/</code>.</p>
|
|
</div>
|
|
</body>
|
|
</html>
|