mirror of
https://onedev.site.tesses.net/tytd2025
synced 2026-06-01 18:05:32 +00:00
Add pwa support
This commit is contained in:
106
Tesses.YouTubeDownloader.Server/res/offline.html
Normal file
106
Tesses.YouTubeDownloader.Server/res/offline.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>TYTD2025 is Offline</title>
|
||||
<link rel="stylesheet" href="/beer.min.css">
|
||||
<link rel="stylesheet" href="/theme.css">
|
||||
<script src="/offline.js" defer></script>
|
||||
<script type="module" src="/beer.min.js" defer></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="row">
|
||||
<div class="max"></div>
|
||||
<div class="min">
|
||||
<img src="tytd-128.png" alt="tytd-logo">
|
||||
</div>
|
||||
<div class="max"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="max"></div>
|
||||
<div class="min">
|
||||
<h3>Cannot connect to the TYTD2025 server.</h3>
|
||||
</div>
|
||||
<div class="max"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="max"></div>
|
||||
<div class="min">
|
||||
<form>
|
||||
|
||||
<div class="field label border small fill">
|
||||
<input id="url" type="text">
|
||||
<label>Url or id</label>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="max">
|
||||
<div class="field label suffix border fill">
|
||||
<select id="res">
|
||||
|
||||
|
||||
<option value="NoDownload">Don't Download</option>
|
||||
|
||||
|
||||
|
||||
<option value="LowVideo" selected="">Low (muxed by YouTube)</option>
|
||||
|
||||
|
||||
|
||||
<option value="VideoOnly">Highest video (no audio)</option>
|
||||
|
||||
|
||||
|
||||
<option value="AudioOnly">Highest audio (no video)</option>
|
||||
|
||||
|
||||
|
||||
<option value="MP3">Convert to MP3</option>
|
||||
|
||||
|
||||
|
||||
<option value="FLAC">Convert to FLAC</option>
|
||||
|
||||
|
||||
|
||||
<option value="MP4">Convert to MP4</option>
|
||||
|
||||
|
||||
|
||||
<option value="MKV">Mux to MKV (no transcoding)</option>
|
||||
|
||||
|
||||
|
||||
<option value="DontConvert">Don't convert or Mux</option>
|
||||
|
||||
|
||||
</select>
|
||||
<label>Resolution</label>
|
||||
<i>arrow_drop_down</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="min">
|
||||
<button id="btn">
|
||||
<i>add</i>
|
||||
Add when online
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="max"></div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
btn.onclick = (evt)=>{
|
||||
evt.preventDefault();
|
||||
addOffline(url.value, res.value);
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user