-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
285 lines (279 loc) · 14.4 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<script src="https://unpkg.com/[email protected]/dist/wavesurfer.js"></script>
<script src="https://unpkg.com/[email protected]/dist/plugin/wavesurfer.spectrogram.js"></script>
<!-- Load d3.js -->
<script src="https://d3js.org/d3.v6.js"></script>
<script src="https://cdn.jsdelivr.net/npm/d3-axis@3"></script>
</head>
<body>
<div id="wave-spectrogram"></div>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
<script>
var colorMap = [
[0, 0, 0, 1],
[0.011764705882352941, 0, 0, 1],
[0.023529411764705882, 0, 0, 1],
[0.03529411764705882, 0, 0, 1],
[0.047058823529411764, 0, 0, 1],
[0.058823529411764705, 0, 0, 1],
[0.07058823529411765, 0, 0, 1],
[0.08235294117647059, 0, 0, 1],
[0.09411764705882353, 0, 0, 1],
[0.10588235294117647, 0, 0, 1],
[0.11764705882352941, 0, 0, 1],
[0.12941176470588237, 0, 0, 1],
[0.1411764705882353, 0, 0, 1],
[0.15294117647058825, 0, 0, 1],
[0.16470588235294117, 0, 0, 1],
[0.17647058823529413, 0, 0, 1],
[0.18823529411764706, 0, 0, 1],
[0.2, 0, 0, 1],
[0.21176470588235294, 0, 0, 1],
[0.2235294117647059, 0, 0, 1],
[0.23529411764705882, 0, 0, 1],
[0.24705882352941178, 0, 0, 1],
[0.25882352941176473, 0, 0, 1],
[0.27058823529411763, 0, 0, 1],
[0.2823529411764706, 0, 0, 1],
[0.29411764705882354, 0, 0, 1],
[0.3058823529411765, 0, 0, 1],
[0.3176470588235294, 0, 0, 1],
[0.32941176470588235, 0, 0, 1],
[0.3411764705882353, 0, 0, 1],
[0.35294117647058826, 0, 0, 1],
[0.36470588235294116, 0, 0, 1],
[0.3764705882352941, 0, 0, 1],
[0.38823529411764707, 0, 0, 1],
[0.4, 0, 0, 1],
[0.4117647058823529, 0, 0, 1],
[0.4235294117647059, 0, 0, 1],
[0.43529411764705883, 0, 0, 1],
[0.4470588235294118, 0, 0, 1],
[0.4549019607843137, 0, 0, 1],
[0.4666666666666667, 0, 0, 1],
[0.47843137254901963, 0, 0, 1],
[0.49019607843137253, 0, 0, 1],
[0.5019607843137255, 0, 0, 1],
[0.5137254901960784, 0, 0, 1],
[0.5254901960784314, 0, 0, 1],
[0.5372549019607843, 0, 0, 1],
[0.5490196078431373, 0, 0, 1],
[0.5607843137254902, 0, 0, 1],
[0.5725490196078431, 0, 0, 1],
[0.5843137254901961, 0, 0, 1],
[0.596078431372549, 0, 0, 1],
[0.6078431372549019, 0, 0, 1],
[0.6196078431372549, 0, 0, 1],
[0.6313725490196078, 0, 0, 1],
[0.6431372549019608, 0, 0, 1],
[0.6549019607843137, 0, 0, 1],
[0.6666666666666666, 0, 0, 1],
[0.6784313725490196, 0, 0, 1],
[0.6901960784313725, 0, 0, 1],
[0.7019607843137254, 0, 0, 1],
[0.7137254901960784, 0, 0, 1],
[0.7254901960784313, 0, 0, 1],
[0.7372549019607844, 0, 0, 1],
[0.7490196078431373, 0, 0, 1],
[0.7607843137254902, 0, 0, 1],
[0.7725490196078432, 0, 0, 1],
[0.7843137254901961, 0, 0, 1],
[0.796078431372549, 0, 0, 1],
[0.807843137254902, 0, 0, 1],
[0.8196078431372549, 0, 0, 1],
[0.8313725490196079, 0, 0, 1],
[0.8431372549019608, 0, 0, 1],
[0.8549019607843137, 0, 0, 1],
[0.8666666666666667, 0, 0, 1],
[0.8784313725490196, 0, 0, 1],
[0.8901960784313725, 0, 0, 1],
[0.9019607843137255, 0, 0, 1],
[0.9019607843137255, 0.011764705882352941, 0, 1],
[0.9058823529411765, 0.023529411764705882, 0, 1],
[0.9058823529411765, 0.03137254901960784, 0, 1],
[0.9058823529411765, 0.043137254901960784, 0, 1],
[0.9098039215686274, 0.054901960784313725, 0, 1],
[0.9098039215686274, 0.06666666666666667, 0, 1],
[0.9098039215686274, 0.07450980392156863, 0, 1],
[0.9137254901960784, 0.08627450980392157, 0, 1],
[0.9137254901960784, 0.09803921568627451, 0, 1],
[0.9137254901960784, 0.10980392156862745, 0, 1],
[0.9176470588235294, 0.11764705882352941, 0, 1],
[0.9176470588235294, 0.12941176470588237, 0, 1],
[0.9176470588235294, 0.1411764705882353, 0, 1],
[0.9215686274509803, 0.15294117647058825, 0, 1],
[0.9215686274509803, 0.1607843137254902, 0, 1],
[0.9215686274509803, 0.17254901960784313, 0, 1],
[0.9254901960784314, 0.1843137254901961, 0, 1],
[0.9254901960784314, 0.19607843137254902, 0, 1],
[0.9254901960784314, 0.20784313725490197, 0, 1],
[0.9294117647058824, 0.21568627450980393, 0, 1],
[0.9294117647058824, 0.22745098039215686, 0, 1],
[0.9294117647058824, 0.23921568627450981, 0, 1],
[0.9333333333333333, 0.25098039215686274, 0, 1],
[0.9333333333333333, 0.25882352941176473, 0, 1],
[0.9333333333333333, 0.27058823529411763, 0, 1],
[0.9372549019607843, 0.2823529411764706, 0, 1],
[0.9372549019607843, 0.29411764705882354, 0, 1],
[0.9372549019607843, 0.30196078431372547, 0, 1],
[0.9411764705882353, 0.3137254901960784, 0, 1],
[0.9411764705882353, 0.3254901960784314, 0, 1],
[0.9411764705882353, 0.33725490196078434, 0, 1],
[0.9450980392156862, 0.34509803921568627, 0, 1],
[0.9450980392156862, 0.3568627450980392, 0, 1],
[0.9450980392156862, 0.3686274509803922, 0, 1],
[0.9490196078431372, 0.3803921568627451, 0, 1],
[0.9490196078431372, 0.38823529411764707, 0, 1],
[0.9490196078431372, 0.4, 0, 1],
[0.9529411764705882, 0.4117647058823529, 0, 1],
[0.9529411764705882, 0.4235294117647059, 0, 1],
[0.9529411764705882, 0.43529411764705883, 0, 1],
[0.9529411764705882, 0.44313725490196076, 0, 1],
[0.9568627450980393, 0.4549019607843137, 0, 1],
[0.9568627450980393, 0.4666666666666667, 0, 1],
[0.9568627450980393, 0.47843137254901963, 0, 1],
[0.9607843137254902, 0.48627450980392156, 0, 1],
[0.9607843137254902, 0.4980392156862745, 0, 1],
[0.9607843137254902, 0.5098039215686274, 0, 1],
[0.9647058823529412, 0.5215686274509804, 0, 1],
[0.9647058823529412, 0.5294117647058824, 0, 1],
[0.9647058823529412, 0.5411764705882353, 0, 1],
[0.9686274509803922, 0.5529411764705883, 0, 1],
[0.9686274509803922, 0.5647058823529412, 0, 1],
[0.9686274509803922, 0.5725490196078431, 0, 1],
[0.9725490196078431, 0.5843137254901961, 0, 1],
[0.9725490196078431, 0.596078431372549, 0, 1],
[0.9725490196078431, 0.6078431372549019, 0, 1],
[0.9764705882352941, 0.6196078431372549, 0, 1],
[0.9764705882352941, 0.6274509803921569, 0, 1],
[0.9764705882352941, 0.6392156862745098, 0, 1],
[0.9803921568627451, 0.6509803921568628, 0, 1],
[0.9803921568627451, 0.6627450980392157, 0, 1],
[0.9803921568627451, 0.6705882352941176, 0, 1],
[0.984313725490196, 0.6823529411764706, 0, 1],
[0.984313725490196, 0.6941176470588235, 0, 1],
[0.984313725490196, 0.7058823529411765, 0, 1],
[0.9882352941176471, 0.7137254901960784, 0, 1],
[0.9882352941176471, 0.7254901960784313, 0, 1],
[0.9882352941176471, 0.7372549019607844, 0, 1],
[0.9921568627450981, 0.7490196078431373, 0, 1],
[0.9921568627450981, 0.7568627450980392, 0, 1],
[0.9921568627450981, 0.7686274509803922, 0, 1],
[0.996078431372549, 0.7803921568627451, 0, 1],
[0.996078431372549, 0.792156862745098, 0, 1],
[0.996078431372549, 0.8, 0, 1],
[1, 0.8117647058823529, 0, 1],
[1, 0.8235294117647058, 0, 1],
[1, 0.8235294117647058, 0.011764705882352941, 1],
[1, 0.8274509803921568, 0.0196078431372549, 1],
[1, 0.8274509803921568, 0.03137254901960784, 1],
[1, 0.8313725490196079, 0.0392156862745098, 1],
[1, 0.8313725490196079, 0.050980392156862744, 1],
[1, 0.8352941176470589, 0.058823529411764705, 1],
[1, 0.8352941176470589, 0.07058823529411765, 1],
[1, 0.8392156862745098, 0.0784313725490196, 1],
[1, 0.8392156862745098, 0.09019607843137255, 1],
[1, 0.8392156862745098, 0.09803921568627451, 1],
[1, 0.8431372549019608, 0.10980392156862745, 1],
[1, 0.8431372549019608, 0.11764705882352941, 1],
[1, 0.8470588235294118, 0.12941176470588237, 1],
[1, 0.8470588235294118, 0.13725490196078433, 1],
[1, 0.8509803921568627, 0.14901960784313725, 1],
[1, 0.8509803921568627, 0.1568627450980392, 1],
[1, 0.8549019607843137, 0.16862745098039217, 1],
[1, 0.8549019607843137, 0.17647058823529413, 1],
[1, 0.8549019607843137, 0.18823529411764706, 1],
[1, 0.8588235294117647, 0.19607843137254902, 1],
[1, 0.8588235294117647, 0.20784313725490197, 1],
[1, 0.8627450980392157, 0.21568627450980393, 1],
[1, 0.8627450980392157, 0.22745098039215686, 1],
[1, 0.8666666666666667, 0.23529411764705882, 1],
[1, 0.8666666666666667, 0.24705882352941178, 1],
[1, 0.8666666666666667, 0.2549019607843137, 1],
[1, 0.8705882352941177, 0.26666666666666666, 1],
[1, 0.8705882352941177, 0.27450980392156865, 1],
[1, 0.8745098039215686, 0.28627450980392155, 1],
[1, 0.8745098039215686, 0.29411764705882354, 1],
[1, 0.8784313725490196, 0.3058823529411765, 1],
[1, 0.8784313725490196, 0.3137254901960784, 1],
[1, 0.8823529411764706, 0.3254901960784314, 1],
[1, 0.8823529411764706, 0.3333333333333333, 1],
[1, 0.8823529411764706, 0.34509803921568627, 1],
[1, 0.8862745098039215, 0.35294117647058826, 1],
[1, 0.8862745098039215, 0.36470588235294116, 1],
[1, 0.8901960784313725, 0.37254901960784315, 1],
[1, 0.8901960784313725, 0.3843137254901961, 1],
[1, 0.8941176470588236, 0.39215686274509803, 1],
[1, 0.8941176470588236, 0.403921568627451, 1],
[1, 0.8980392156862745, 0.4117647058823529, 1],
[1, 0.8980392156862745, 0.4235294117647059, 1],
[1, 0.8980392156862745, 0.43137254901960786, 1],
[1, 0.9019607843137255, 0.44313725490196076, 1],
[1, 0.9019607843137255, 0.45098039215686275, 1],
[1, 0.9058823529411765, 0.4627450980392157, 1],
[1, 0.9058823529411765, 0.47058823529411764, 1],
[1, 0.9098039215686274, 0.4823529411764706, 1],
[1, 0.9098039215686274, 0.49019607843137253, 1],
[1, 0.9137254901960784, 0.5019607843137255, 1],
[1, 0.9137254901960784, 0.5098039215686274, 1],
[1, 0.9137254901960784, 0.5215686274509804, 1],
[1, 0.9176470588235294, 0.5294117647058824, 1],
[1, 0.9176470588235294, 0.5411764705882353, 1],
[1, 0.9215686274509803, 0.5490196078431373, 1],
[1, 0.9215686274509803, 0.5607843137254902, 1],
[1, 0.9254901960784314, 0.5686274509803921, 1],
[1, 0.9254901960784314, 0.5803921568627451, 1],
[1, 0.9254901960784314, 0.5882352941176471, 1],
[1, 0.9294117647058824, 0.6, 1],
[1, 0.9294117647058824, 0.6078431372549019, 1],
[1, 0.9333333333333333, 0.6196078431372549, 1],
[1, 0.9333333333333333, 0.6274509803921569, 1],
[1, 0.9372549019607843, 0.6392156862745098, 1],
[1, 0.9372549019607843, 0.6470588235294118, 1],
[1, 0.9411764705882353, 0.6588235294117647, 1],
[1, 0.9411764705882353, 0.6666666666666666, 1],
[1, 0.9411764705882353, 0.6784313725490196, 1],
[1, 0.9450980392156862, 0.6862745098039216, 1],
[1, 0.9450980392156862, 0.6980392156862745, 1],
[1, 0.9490196078431372, 0.7058823529411765, 1],
[1, 0.9490196078431372, 0.7176470588235294, 1],
[1, 0.9529411764705882, 0.7254901960784313, 1],
[1, 0.9529411764705882, 0.7372549019607844, 1],
[1, 0.9568627450980393, 0.7450980392156863, 1],
[1, 0.9568627450980393, 0.7568627450980392, 1],
[1, 0.9568627450980393, 0.7647058823529411, 1],
[1, 0.9607843137254902, 0.7764705882352941, 1],
[1, 0.9607843137254902, 0.7843137254901961, 1],
[1, 0.9647058823529412, 0.796078431372549, 1],
[1, 0.9647058823529412, 0.803921568627451, 1],
[1, 0.9686274509803922, 0.8156862745098039, 1],
[1, 0.9686274509803922, 0.8235294117647058, 1],
[1, 0.9725490196078431, 0.8352941176470589, 1],
[1, 0.9725490196078431, 0.8431372549019608, 1],
[1, 0.9725490196078431, 0.8549019607843137, 1],
[1, 0.9764705882352941, 0.8627450980392157, 1],
[1, 0.9764705882352941, 0.8745098039215686, 1],
[1, 0.9803921568627451, 0.8823529411764706, 1],
[1, 0.9803921568627451, 0.8941176470588236, 1],
[1, 0.984313725490196, 0.9019607843137255, 1],
[1, 0.984313725490196, 0.9137254901960784, 1],
[1, 0.984313725490196, 0.9215686274509803, 1],
[1, 0.9882352941176471, 0.9333333333333333, 1],
[1, 0.9882352941176471, 0.9411764705882353, 1],
[1, 0.9921568627450981, 0.9529411764705882, 1],
[1, 0.9921568627450981, 0.9607843137254902, 1],
[1, 0.996078431372549, 0.9725490196078431, 1],
[1, 0.996078431372549, 0.9803921568627451, 1],
[1, 1, 0.9921568627450981, 1],
[1, 1, 1, 1]
];
</script>
</body>
</html>