francesco/youtube-video-download
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Primo Caricamento

Browse Source
This commit is contained in:
Francesco Picone
2026-01-10 13:21:36 +01:00
commit a36973ae12
10 changed files with 630 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/index.html Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>YT Downloader</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<main class="shell">
<header>
<h1>YT Downloader</h1>
<p>Inserisci il link, scegli video o solo audio, poi scarica.</p>
</header>
<section class="card">
<label for="url">Link YouTube</label>
<div class="inline">
<input id="url" type="url" placeholder="https://www.youtube.com/watch?v=..." />
<button id="fetchInfo">Carica formati</button>
</div>
<div class="options">
<div>
<label for="mode">Tipo</label>
<select id="mode">
<option value="video">Video</option>
<option value="audio">Solo audio</option>
</select>
</div>
<div>
<label for="videoFormat">Risoluzione video</label>
<select id="videoFormat" disabled>
<option value="">Best disponibile</option>
</select>
</div>
<div>
<label for="audioFormat">Formato audio</label>
<select id="audioFormat" disabled>
<option value="">Best disponibile</option>
</select>
</div>
<div>
<label for="audioExt">Estensione audio</label>
<select id="audioExt" disabled>
<option value="mp3">mp3</option>
<option value="m4a">m4a</option>
<option value="opus">opus</option>
<option value="aac">aac</option>
</select>
</div>
</div>
<div class="actions">
<button id="download">Scarica</button>
<span id="status"></span>
</div>
<div id="result" class="result hidden"></div>
</section>
</main>
<script src="main.js"></script>
</body>
</html>