mirror of https://bitbucket.org/ausocean/av.git
83 lines
4.2 KiB
HTML
83 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Audio Player</title>
|
|
<script type="text/javascript" src="pcm-to-wav.js"></script>
|
|
<script type="text/javascript" src="adpcm.js"></script>
|
|
<script type="text/javascript" src="main.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">
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
<form action="/search" enctype="multipart/form-data" method="post" onsubmit="presubmit();">
|
|
<div class="form-group">
|
|
<label>App key:</label>
|
|
<input class="form-control form-control-sm" type="input" id="ak">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Media ID:</label>
|
|
<input class="form-control form-control-sm" type="input" id="id">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Start date or timestamp:</label>
|
|
<div class="row">
|
|
<div class="col">
|
|
<input class="form-control form-control-sm" type="datetime-local" id="sd" onchange="sync('sd', 'st', true);">
|
|
</div>
|
|
<div class="col">
|
|
<input class="form-control form-control-sm" type="input" id="st" onchange="sync('sd', 'sd', false);">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Finish date or timestamp:</label>
|
|
<div class="row">
|
|
<div class="col">
|
|
<input class="form-control form-control-sm" type="datetime-local" id="fd" onchange="sync('fd', 'ft', true);">
|
|
</div>
|
|
<div class="col">
|
|
<input class="form-control form-control-sm" type="input" id="ft" onchange="sync('fd', 'fd', false);">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<input class="btn btn-primary" type="submit" value="Get Audio" id="submit">
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="hidden" id="ts">
|
|
</div>
|
|
</form>
|
|
<span class="form-inline mb-3">
|
|
<label>MAC:</label>
|
|
<input type="input" class="form-control form-control-sm mx-sm-3" id="ma" placeholder="00:00:00:00:00:00">
|
|
<label>Pin:</label>
|
|
<input type="input" class="form-control form-control-sm mx-sm-3" id="pn" value="V0" style="width: 3rem">
|
|
<button class="btn-sm btn-secondary" onClick="updateMID('ma','pn','id');">Convert to Media ID</button>
|
|
</span>
|
|
<div class="container-fluid">
|
|
<audio class="mx-auto" controls="controls" id="audio">
|
|
Your browser does not support the <code>audio</code> element.
|
|
<source id="source" src="" type="audio/wav" />
|
|
</audio>
|
|
</div>
|
|
</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> |