55 lines
1.1 KiB
HTML
55 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>TLT Guesser</title>
|
|
<script
|
|
src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.23.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.5.0"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- <midi-player src="indie.mid" sound-font
|
|
visualizer="#myVisualizer">
|
|
</midi-player>
|
|
<midi-visualizer type="piano-roll" id="myVisualizer"></midi-visualizer> -->
|
|
|
|
<h1>Défi :</h1>
|
|
|
|
<div id="content">
|
|
<audio id="one" controls></audio>
|
|
<audio id="two" controls></audio>
|
|
<audio id="three" controls></audio>
|
|
<audio id="four" controls></audio>
|
|
<br/>
|
|
</div>
|
|
|
|
<button onclick="document.getElementById('answer').hidden = false">Révéler la réponse</button>
|
|
|
|
<p id="answer" hidden="true">T'es pas censé voir ça ...</p>
|
|
|
|
<form method="get" action="/">
|
|
<input type="submit" value="Nouveau défi"/>
|
|
</form>
|
|
|
|
<script src="monscript.js"></script>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|
|
<!--
|
|
|
|
|
|
Prendre un fichier midi :
|
|
|
|
- Sélectionner un passage
|
|
- Sélectionner les instruments
|
|
- Générer les fichiers midi
|
|
|
|
|
|
|
|
|
|
-->
|