testtesttest/theremin.html at mainf · mumt301/testtesttest · 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
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Web-Based Musical Instrument</title>
        <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v3.0.1/dist/mini-default.min.css">
        <link rel="stylesheet" href="7c.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pizzicato/0.6.4/Pizzicato.js"></script>
        <script src="7.js" type="text/JavaScript"></script>
    </head>
    <body>
        <h1>Web-Based Musical Instrument</h1>
        <a href="assignments.html">Assignments Page</a>
        <div id="thereminZone"></div>
        <p id="notename"></p>
        <p id="notename2"></p>
        <p id="frequency">Hz</p>
        <p id="frequency2">Hz</p>
        <form method="GET" id="theform">
            <fieldset>
                <legend>Theremin Parameters</legend>
                <label for="osctype">Oscillator Type</label>
                <select name="osctype" id="osctype">
                    <option value="Sine">Sine</option>
                    <option value="Square">Square</option>
                    <option value="Triangle">Triangle</option>
                    <option value="Sawtooth">Sawtooth</option>
                </select><br>

                <label for="semitones">Interval</label>
                <select name="semitones" id="semitones">
                    <option value="0">Unison</option>
                    <option value="3">Minor Third</option>
                    <option value="4">Major Third</option>
                    <option value="7">Perfect Fifth</option>
                    <option value="12">Octave</option>
                </select><br>

                <label for="minfreq">Minimum Frequency (between 220Hz-440Hz):</label>
                <input type="number" id="minfreq" name="minfreq" min="220" max="440" value="220"><br>

                <label for="maxfreq">Maximum Frequency (between 660Hz-880Hz):</label>
                <input type="number" id="maxfreq" name="maxfreq" min="660" max="880" value="880"><br>

                <input type="submit" value="Change Theremin Settings">
            </fieldset>
        </form>
    </body>
</html>