2020-12-29 06:33:37 +01:00
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<script src="js/peertube-dl-web.js"></script>
|
|
|
|
<link rel="stylesheet" href="css/index.css"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
2020-12-29 10:38:25 +01:00
|
|
|
<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>
|
2020-12-30 05:30:51 +01:00
|
|
|
<div id="modal-loading">
|
|
|
|
<embed src="img/spinner.svg"/>
|
|
|
|
</div>
|
2020-12-29 10:38:25 +01:00
|
|
|
<div id="modal-video-container">
|
2020-12-29 06:33:37 +01:00
|
|
|
<div class="video-container-bar">
|
|
|
|
<a id="close-and-reset-video-container">X</a>
|
|
|
|
</div>
|
2020-12-29 10:38:25 +01:00
|
|
|
<div id="video-container">
|
|
|
|
<div class="block">
|
|
|
|
<video id="video" controls="controls"></video>
|
|
|
|
</div>
|
|
|
|
<div id="download-video-container" class="block">
|
2020-12-30 05:30:51 +01:00
|
|
|
<a id="download-video-prepare" class="active">Prepare download</a>
|
|
|
|
<a id="download-video-loading"><embed src="img/spinner.svg"/></a>
|
2020-12-29 10:38:25 +01:00
|
|
|
<a id="download-video">Download</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-12-29 06:33:37 +01:00
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|