Univerter/static/index.html

62 lines
3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="/style.css">
<title>Youtube Downloader</title>
</head>
<body>
<h1>Youtube Downloader <p>v0.3</p>
<hr>
</h1>
<form action="/download" method="get" target="_blank">
<p style="margin-bottom: 1px;">Video URL:</p>
<input required id="url" placeholder="Enter url" name="url">
<p>Quality:</p>
<select required id="quality" name="quality">
<option value="highest">Highest</option>
<option value="lowest">Lowest</option>
<!-- <option value="highestaudio">Highest (Audio Only)</option>
<option value="lowestaudio">Lowest (Audio Only)</option>
<option value="highestvideo">Highest (Video Only)</option>
<option value="lowestvideo">Lowest (Video Only)</option> -->
</select>
<p>Filename:</p>
<input required id="filename" placeholder="Enter filename" name="filename"><br>
<p>Format:</p>
<select required id="format" name="format">
<option disabled>Video Options</option>
<option value="mp4">.mp4 (reccommended *)</option>
<option value="webm">.webm (recommended *)</option>
<option value="flv">.flv</option>
<option value="avi">.avi</option>
<option value="mpeg">.mpeg</option>
<option value="mov">.mov</option>
<option disabled>Audio Options</option>
<option value="mp3">.mp3</option>
<option value="wmv">.wmv</option>
<option value="ogg">.ogg</option>
</select>
<input type="submit" placeholder="test">
</form>
<p>* using mp4s (or webms) are highly reccomended, as those are the default formats for youtube. Any other format will require converting the video. This not only means you have to wait longer for the video to convert, which can take time depending on how many people are active, but also puts unnecessary stress on the server.</p>
<hr>
<!-- <p><a>Please consider donating</a> or host the website yourself! (Check github below for more info)</p><br> -->
<p>Please consider hosting the project yourself! (Check github for more details)</p>
<p>Check out the <a id="github" href="https://github.com/Violets-puragtory/YoutubeConverter">Github page</a> to
learn how to host it yourself, how it works, report bugs, and more.</p>
</body>
</html>