Violet/Univerter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Converter is a huge W.I.P !!!! expect bugs!!!

Browse source
This commit is contained in:
Violet 2023-08-23 16:35:10 +00:00
parent 94ebbfba18
commit 72d25bf5e1
8 changed files with 318 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

51
static/converter/index.html Normal file
View file

@ -0,0 +1,51 @@
<!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>Video Converter</title>
</head>
<body>
<h1>Video Converter <p>v0.3</p>
<hr>
</h1>
<form action="/convert" method="post" target="_blank" enctype="multipart/form-data">
<p style="margin-bottom: 1px;">File:</p>
<input required type="file" name="video">
<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</option>
<option value="webm">.webm</option>
<option value="mov">.mov</option>
<option value="flv">.flv</option>
<option value="avi">.avi</option>
<option value="mpeg">.mpeg</option>
<option disabled>Audio Options</option>
<option value="wmv">.wmv</option>
<option value="mp3">.mp3</option>
</select>
<input type="submit" placeholder="test">
</form>
<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>

18
static/index.html
View file

@ -11,27 +11,27 @@
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">
<link rel="stylesheet" href="/style.css">
<title>Youtube Downloader</title>
</head>
<body>
<h1>Youtube Downloader <p>v1.0</p>
<h1>Youtube Downloader <p>v0.3</p>
<hr>
</h1>
<form action="download" method="get" target="_blank">
<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="lowestaudio">Lowest (Audio Only)</option>
<option value="highestaudio">Highest (Audio Only)</option>
<option value="highestvideo">Highest (Video Only)</option>
<option value="lowestvideo">Lowest (Video Only)</option>
<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>
@ -43,9 +43,11 @@
<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="wmv">.wmv</option>
<option value="mp3">.mp3</option>
<option value="wmv">.wmv</option>
<option value="ogg">.ogg</option>
</select>
<input type="submit" placeholder="test">
</form>

4
static/style.css
View file

@ -1,6 +1,6 @@
:root {
--primary-color: rgb(230, 210, 255);
--text-color: white;
--text-color: rgb(230, 230, 255);
--background-color: rgb(50, 35, 75);
--second-bg-color: black;
}
@ -40,7 +40,7 @@ select,
input {
display: inline-grid;
background-color: var(--second-bg-color);
color: var(--primary-color);
color: var(--text-color);
margin: 5px auto;
border: 2px var(--primary-color) solid;
border-radius: 5px;