video-compressor/public/index.html

31 lines
899 B
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Video Compressor</title>
<script src="/assets/scripts/ffmpeg/package/dist/umd/ffmpeg.js"></script>
<script defer src="/assets/scripts/main.js"></script>
<link rel="stylesheet" href="/assets/style/main.css">
</head>
<body>
<h1>Video Compressor</h1>
<p>Compress video files to a specific file size, so you can upload them to your favorite social media and messaging apps!</p>
<div id="file-drop-area" tabindex="0">
<span>Drag and drop a file here!</span>
</div>
<input id="file-input" type="file" accept="video/*" tabindex="-1">
<input id="filesize" type="number" value="10"><!--
--><select id="filesize-unit">
<option value="K">KB</option>
<option value="M" selected>MB</option>
<option value="G">GB</option>
</select>
<button id="compress" onclick="compress()">Go!</button>
</body>
</html>