mirror of
https://github.com/Crocmagnon/buzzer.git
synced 2024-12-26 16:01:49 +01:00
38 lines
No EOL
1.5 KiB
HTML
38 lines
No EOL
1.5 KiB
HTML
<!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>
|
|
<button onclick="stop()" class="w3-button w3-blue w3-xlarge w3-ripple">Stop</button>
|
|
</div>
|
|
|
|
<div class="w3-margin w3-center w3-card w3-padding-24">
|
|
<div id="available-files"></div>
|
|
</div>
|
|
|
|
<form class="w3-margin w3-center w3-card w3-padding-24" action="/upload" method="POST" enctype="multipart/form-data">
|
|
<input type="file" accept=".mp3,.wav" name="file">
|
|
<input type="submit" class="w3-button w3-blue">
|
|
<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>
|
|
</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> |