mirror of https://bitbucket.org/ausocean/av.git
35 lines
1.4 KiB
HTML
35 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Mjpeg Player</title>
|
|
<script type="text/javascript" src="main.js"></script>
|
|
<script type="module" src="player.js"></script>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
</head>
|
|
|
|
<body style="height: 100%">
|
|
<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" onchange="play();">
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
Frame Rate: <input type="text" id="rate" class="mb-3 mx-3" value="30"> fps
|
|
</div>
|
|
<div class="container-fluid">
|
|
<img src="" id="viewer" style="max-width:100%; height:auto;">
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</body>
|
|
|
|
</html> |