buzzer/data/www/index.html

42 lines
1.8 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Buzzer</title>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
<link rel="stylesheet" href="w3.css" type="text/css">
<script type="text/javascript" src="script.js"></script>
</head>
<body class="w3-animate-opacity">
<div class="w3-card w3-blue w3-padding-small w3-center">
<h1>Buzzer</h1>
</div>
<div class="w3-margin w3-center w3-card w3-padding-24">
<button onclick="play()" class="w3-button w3-blue w3-xlarge w3-ripple">Jouer le son</button>
2023-01-02 23:05:18 +01:00
<button onclick="stop()" class="w3-button w3-blue w3-xlarge w3-ripple">Stop</button>
<p class="w3-opacity">
<span id="playingStatus" class="w3-hide">Lecture en cours.</span>
Temps restant avant veille : <span id="remainingTimeBeforeSleep">01:00:00</span>.
</p>
</div>
<div class="w3-margin w3-center w3-card w3-padding-24">
2023-01-01 02:43:54 +01:00
<div id="available-files"></div>
</div>
2023-01-04 12:41:34 +01:00
<form class="w3-margin w3-center w3-card w3-padding-24" action="/upload" method="POST" enctype="multipart/form-data">
2023-01-04 13:57:05 +01:00
<input type="file" accept=".mp3,.wav" name="file">
2023-01-04 12:41:34 +01:00
<input type="submit" class="w3-button w3-blue">
2023-01-06 15:22:18 +01:00
<p class="w3-opacity">Types de fichiers acceptés : mp3 et wav. Utilisez <a target="_blank" href="https://cloudconvert.com/mp3-converter">CloudConvert</a> si besoin.</p>
2023-01-04 12:41:34 +01:00
</form>
<div class="w3-margin w3-center w3-card w3-padding-24">
<button id="volume-decrease" onclick="volume(-1)" class="w3-button w3-blue w3-xlarge w3-ripple">Vol-</button>
<span id="volume-current"></span>
<button id="volume-increase" onclick="volume(1)" class="w3-button w3-blue w3-xlarge w3-ripple">Vol+</button>
</div>
</body>
</html>