all repos — guesser @ 29929154fd1212d1916e2a08dd7b52049c29ba5d

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>