77 lines
4.0 KiB
HTML
77 lines
4.0 KiB
HTML
<html>
|
|
<head>
|
|
<script src="js/peertube-dl-web.js?v=1"></script>
|
|
<link rel="stylesheet" href="css/index.css?v=4"></script>
|
|
<link rel="icon" type="image/png" href="img/peertube-dl-logo.png"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Peertube-dl Web</title>
|
|
<meta name="description" content="Webpage intended to download videos from various webpages for fair use."/>
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="Peertube-dl Web"/>
|
|
<meta property="og:site_name" content="Peertube-dl"/>
|
|
<meta property="og:description" content="Webpage intended to download videos from various webpages for fair use."/>
|
|
<meta property="og:image" content="./img/peertube-dl-logo-fullsize.png"/>
|
|
</head>
|
|
<body>
|
|
<div class="application-container">
|
|
<h2>Peertube-dl Web Application</h2>
|
|
<form id="download-form">
|
|
<input class="block" type="text" id="download-form-url" placeholder="Introduce the url you want to download."/>
|
|
<button class="block" id="download-form-button" >Fetch from api</button>
|
|
</form>
|
|
</div>
|
|
<div id="modal-format-selector" class="modal">
|
|
<div class="video-container-bar">
|
|
<a id="close-modal-format-selector">x</a>
|
|
</div>
|
|
<h2>Example video</h2>
|
|
<p>Example description</p>
|
|
<div class="format-list">
|
|
<h3>Video Formats.</h3>
|
|
<div class="video-formats">
|
|
</div>
|
|
<h3>Audio Formats.</h3>
|
|
<div class="audio-formats">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="modal-loading">
|
|
<embed src="img/spinner.svg"/>
|
|
</div>
|
|
<div id="modal-video-container" class="modal">
|
|
<div class="video-container-bar">
|
|
<a id="close-and-reset-video-container">x</a>
|
|
</div>
|
|
<div id="video-container">
|
|
<div class="block">
|
|
<video id="video" controls="controls"></video>
|
|
</div>
|
|
<div id="download-video-container" class="block">
|
|
<a id="download-video-prepare" class="button-download active">Prepare download</a>
|
|
<a id="download-video-loading" class="button-download"><embed src="img/spinner.svg"/></a>
|
|
<a id="download-video" class="button-download">Download</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="poping-notice" class="modal">
|
|
<div id="poping-notice-content">
|
|
<p>This webpage is free as in freedom software, it is offered to you with the hope it will be useful, but without any warranty,
|
|
you can find the source code at <a href="https://gitea.sergiotarxz.freemyip.com/sergiotarxz/Peertube-dl">my gitea</a> with docs to setup your own
|
|
webpage like this, this software is licensed under the AGPLv3 license which means you MUST convey the source code in a human readable form
|
|
if you distribute this software or use it as an service to users of service or distributees.<p>
|
|
|
|
<p>I hope that if you find a non supported url which should be supported, a bug, or a feature you would like this webpage to have you file an issue in
|
|
<a href="https://gitea.sergiotarxz.freemyip.com/sergiotarxz/Peertube-dl/issues">https://gitea.sergiotarxz.freemyip.com/sergiotarxz/Peertube-dl/issues</a>
|
|
to help this software improve since I find tracking users a pretty bad way to discover bugs and potential good features.</p>
|
|
|
|
<p>This webpage may load third party resources depending on the url you give to it which may put cookies in your browser, you are
|
|
encouraged to frecuently delete your browser cookies to avoid those third parties tracking you on internet, Firefox offers you an
|
|
option to delete cookies as soon as you close the browser which may be a good idea to enable in the orwellian internet of today.</p>
|
|
</div>
|
|
<div id="poping-notice-container-bar">
|
|
<a id="close-poping-notice" href="#">X</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|