2019-12-12 06:26:50 +03:00
|
|
|
<!DOCTYPE html>
|
2020-01-20 13:22:37 +03:00
|
|
|
<!--
|
|
|
|
AUTHOR
|
|
|
|
Trek Hopton <trek@ausocean.org>
|
|
|
|
|
|
|
|
LICENSE
|
|
|
|
This file is Copyright (C) 2020 the Australian Ocean Lab (AusOcean)
|
|
|
|
|
|
|
|
It is free software: you can redistribute it and/or modify them
|
|
|
|
under the terms of the GNU General Public License as published by the
|
|
|
|
Free Software Foundation, either version 3 of the License, or (at your
|
|
|
|
option) any later version.
|
|
|
|
|
|
|
|
It is distributed in the hope that it will be useful, but WITHOUT
|
|
|
|
ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
|
|
|
FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
|
|
|
|
for more details.
|
|
|
|
|
|
|
|
You should have received a copy of the GNU General Public License in gpl.txt.
|
|
|
|
If not, see http://www.gnu.org/licenses.
|
|
|
|
-->
|
|
|
|
|
2019-12-12 06:26:50 +03:00
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
2020-01-20 13:22:37 +03:00
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>Mjpeg Player</title>
|
|
|
|
<script type="module" src="./main.js"></script>
|
2019-12-12 06:26:50 +03:00
|
|
|
</head>
|
|
|
|
|
|
|
|
<body style="height: 100%">
|
2020-01-20 13:22:37 +03:00
|
|
|
<div class="card m-auto" style="width: 40rem;">
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="form-group">
|
|
|
|
<input class="form-control-file" type="file" id="fileInput">
|
2019-12-12 06:26:50 +03:00
|
|
|
</div>
|
2020-01-20 13:22:37 +03:00
|
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<label>Playlist URL: </label>
|
|
|
|
<input type="url" id="url" placeholder="Enter URL">
|
|
|
|
<button id="urlBtn" type="submit">Load</button>
|
|
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
|
|
Frame Rate: <input type="text" id="rate" class="mb-3 mx-3" value="25"> fps
|
|
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<img src="" id="viewer" style="max-width:100%; height:auto;">
|
|
|
|
</div>
|
2019-12-12 06:26:50 +03:00
|
|
|
</div>
|
2020-01-20 13:22:37 +03:00
|
|
|
</div>
|
|
|
|
<footer id="sticky-footer" class="footer fixed-bottom py-4 bg-dark text-white-50" style="width: 100%;">
|
|
|
|
<div class="container text-center">
|
|
|
|
<small>©2019 Australian Ocean Laboratory Limited (AusOcean) (<a rel="license" href="https://www.ausocean.org/license">License</a>)</small>
|
|
|
|
</div>
|
|
|
|
</footer>
|
2019-12-12 06:26:50 +03:00
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|