index.html (view raw)
1<!DOCTYPE html>
2<html lang="it">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Guess the Song</title>
7 <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
8</head>
9<body>
10
11 <header>
12 <h1>Guess the Song</h1>
13 <p>Generatore di reel per Guess the Song. Si prega di non abusare.</p>
14 </header>
15
16 <main>
17 <form action="/" method="POST" enctype="multipart/form-data" id="videoForm">
18 <label for="videoFile">Base video (es: guess.mp4):</label>
19 <input type="file" id="videoFile" name="videoFile" accept="video/*" required>
20
21 <label for="audioFile">Canzone (es: song.opus):</label>
22 <input type="file" id="audioFile" name="audioFile" accept="audio/*" required>
23
24 <label for="skip">Tempo di partenza della riproduzione audio (secondi):</label>
25 <input type="number" id="skip" name="skip" step="0.1" value="0" required>
26
27 <hr />
28
29 <label for="fade">Durata del fade-in e fade-out (secondi):</label>
30 <input type="number" id="fade" name="fade" step="0.1" value="1" required>
31
32 <label for="delay">Ritardo prima dell'inizio dell'audio (secondi):</label>
33 <input type="number" id="delay" name="delay" step="0.1" value="3" required>
34
35 <label for="duration">Durata della riproduzione dell'audio (secondi):</label>
36 <input type="number" id="duration" name="duration" step="0.1" value="14" required>
37
38 <p style="text-align: center;">
39 <button type="submit" onclick="this.disabled = true; document.getElementById('videoForm').submit();">Elabora</button>
40 </p>
41 </form>
42 </main>
43
44 <footer>
45 <p>© <a href="https://linktr.ee/earthboundcafe">EarthBound Café</a>, realizzato da <a href="https://birabittoh.is-a.dev/">BiRabittoh</a>.</p>
46 </footer>
47
48</body>
49</html>