Download length header added, fast download back!

This commit is contained in:
Violet 2023-10-25 17:32:46 +00:00
parent 66ac5c3a29
commit 23f9cc6e3a
3 changed files with 163 additions and 124 deletions

View file

@ -12,48 +12,58 @@
</head>
<body>
<h1>Youtube Downloader <p>v2.1</p>
<h1>Youtube Downloader <p>v2.2</p>
<hr>
</h1>
<form action="/getLink" 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>
</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</option>
<option value="webm">.webm</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="ogg">.ogg</option>
<option value="wav">.wav</option>
</select>
<p>Redirect:</p>
<select required id="redirect" name="redirect">
<option value="false">Don't redirect</option>
<option value="redirectjs">Redirect (JS) *1</option>
<option value="redirect">Redirect (disable progress) *2</option>
</select>
<div class="setting">
<p style="margin-bottom: 1px;">Video URL:</p>
<input required id="url" placeholder="Enter url" name="url">
</div>
<div class="setting">
<p>Quality:</p>
<select required id="quality" name="quality">
<option value="highest">Highest</option>
<option value="lowest">Lowest</option>
</select>
</div>
<div class="setting">
<p>Filename:</p>
<input required id="filename" placeholder="Enter filename" name="filename">
</div>
<div class="setting">
<p>Format:</p>
<select required id="format" name="format">
<option disabled>Video Options</option>
<option value="mp4" class="tooltip1">.mp4 (fastest)</option>
<option value="webm" class="tooltip1">.webm (fastest)</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="ogg">.ogg</option>
<option value="wav">.wav</option>
</select>
</div>
<!-- <p class="note">* When using mp4 and webm, progress updates and redirect options are disabled, as it is directly downloaded to the browser.</p> -->
<div class="setting">
<p>Redirect:</p>
<select required id="redirect" name="redirect">
<option value="redirectjs">Redirect (JS, reccomended)</option>
<option value="false">Don't auto redirect</option>
<option value="redirect">Redirect (disables progress, not reccomended)</option>
</select>
</div>
<br>
<input type="submit" placeholder="test">
<input type="submit">
</form>
<hr>
<p>*1: The "Redirect JS" Option is the same as the "Don't redirect" option, except it sends javascript to the browser letting you redirect. BOTH OPTIONS WORK FINE WITHOUT JAVASCRIPT!</p>
<p>*2: The "Redirect (disable progress)" option doesn't use any javascript and automatically redirects to the download, but you are not given download progress updates!</p>
<hr>
<p><a href="https://ko-fi.com/bingus_violet">Please consider donating</a> or host the website yourself! Anything helps! (Check <a href="https://github.com/Violets-puragtory/NoJS-YTConverter">github</a> for more info)</p><br>
<br>
<p><a href="https://ko-fi.com/bingus_violet">Please consider donating</a> or host the website yourself! Anything
helps! (Check <a href="https://github.com/Violets-puragtory/NoJS-YTConverter">github</a> for more info)</p>
</body>
</html>