Audio-Visualization/index.html at main · InjuMichorius/Audio-Visualization · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Audio Visualization</title>
    <link rel="stylesheet" href="./styles/style.css">
    <link rel="shortcut icon" href="./images/favicon.png" />
    <script src="./src/audio-visualization-script.js" defer></script>
</head>

<body>
    <ul>
        <li onclick="chooseSong('downTheRoad')">C2C - Down the Road</li>
        <li onclick="chooseSong('hateWillNeverWin')">XXXTENTACION - Hate Will Never Win</li>
        <li onclick="chooseSong('mrFear')">SIAMÉS - Mr. FEAR</li>
        <li onclick="chooseSong('casio')">Jungle - Casio</li>
        <li onclick="chooseSong('gambino')">Childish Gambino - 3005 (Okokko lofi remix)</li>
        <li onclick="chooseSong('relaxAndTakeNotes')">The Notorious B.I.G. - Relax and take notes (Unknown remix)</li>
    </ul>
    <div id="container">
        <canvas id="canvas"></canvas>
        <audio id="audio" controls></audio>
        <input type="file" id="fileUpload" class="custom-file-input" accept="audio/*" />
    </div>
</body>

</html>