-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (78 loc) · 3.28 KB
/
index.html
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<html>
<head>
<link rel="stylesheet" href="discordian.css">
<body>
<div id="keys"></div>
<div id="keyChanges"> <span class="subtext"> Key: </span> </div>
<div id="octaveChanges">
<span class="subtext"> Octave Adjustments: </span>
<button onclick="changeOctave(1);" class='otherButton'> Octave Up </button>
<button onclick="changeOctave(-1);" class='otherButton'> Octave Down </button>
</div>
<div id="colorScheme">
<span class="subtext"> Color Scheme: </span>
<button onclick="setColors('notes');" id="notes" class='otherButton'> Note-based Colors </button>
<button onclick="setColors('intervals');" id="intervals" class='otherButton'> Interval-based Colors </button>
</div>
<div id="recording">
<span class="subtext"> Recording: </span>
<button onclick="record(0);" id="recordButton" class='otherButton rec'> Record </button>
<button onclick="unRecord(0);" class='otherButton rec'> Stop Recording </button>
<button onclick="playback(recFreq,'temp/0',0)" id="playbackButton" class='otherButton rec'> Playback </button>
<button onclick="resetRec();" id="resetButton" class='otherButton rec'> Reset </button>
<button onclick="save(1);" id="saveButton" class='otherButton rec'> Save to Loop </button>
<button onclick="recallSong()" id="recallButton" class='otherButton rec'> Recall </button>
</div>
<div id="looping">
<span class="subtext"> Build a song: </span>
<button onclick="pickName();" id="nameButton" class='otherButton rec'> Name </button>
<button onclick="loop();" id="loopButton" class='otherButton rec'> Loop </button>
</div>
<div id="clipping">
<span class="subtext"> Clip recording: </span>
Start <input name="startClip" id="startClip" class="clipInput"> </input>
End <input name="endClip" id="endClip" class="clipInput"> </input>
<button onclick="clip()"> Submit </button>
</div>
</div>
<div id="loopTracks">
<button onclick="stopAll(1);" id="recordButton" class='otherButton loop'> Stop All Tracks </button>
<button onclick="playSelectedTemp();" id="recordButton" class='otherButton loop'> Play Selected Tracks </button>
</div>
<div id = "smaller">
<table style="width:100%" id="recordingTable">
<tr>
<th> </th>
<th>0</th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
<th>11</th>
<th>12</th>
</tr>
</table>
</div>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyB6k2wych2kEo6obMbZ3hfYS_enZqIyOzo",
authDomain: "discordian-b9ea7.firebaseapp.com",
databaseURL: "https://discordian-b9ea7.firebaseio.com",
projectId: "discordian-b9ea7",
storageBucket: "discordian-b9ea7.appspot.com",
messagingSenderId: "559413043471"
};
firebase.initializeApp(config);
</script>
<script src = "Pizz2.js"> </script>
<script src = "discordian.js"> </script>
</body>
</html>