oscillo/index.html at main · TexicoNotMexico/oscillo · 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
31
32
33
34
35
36
<!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>Oscillo</title>
</head>
<body>
    <h1>Oscillo</h1>

    <input type="file" id="fileselector" accept=".wav, .mp3">
    <br/>
    <button data-playing="false" role="switch" aria-checked="false">Play/Pause</button>
    <br />
    <label>Gain
        <input type="range" id="volume" min="0" max="2" value="1" step="0.01">
    </label>
    <br />
    <label>Intensity
        <input type="range" id="intensity" min="0" max="1" value="0.2" step="0.01">
    </label>
    <label>Blur
        <input type="range" id="blur" min="0" max="1" value="0.5" step="0.01">
    </label>
    <br />

    <canvas width="500" height="500">Oscilloscope Here</canvas>

    <p>Initial example music: <a href="https://youtu.be/OP7sTQQ0Blw">"Factory Floor"</a> by <a href="https://twitter.com/zippy731">C. Allen</a>.</p>
    <p>License: <a href="https://creativecommons.org/licenses/by-nc/4.0/deed.en">Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)</a></p>

    <audio preload="auto" src="https://media.githubusercontent.com/media/TexicoNotMexico/oscillo/main/Factory%20Floor.wav" crossorigin type="audio/wav"></audio>
    <script type="text/javascript" src="./index.js"></script>
</body>
</html>