Mercurial > hg > env-test-daniele

comparison templates_1main.py @ 0:032bc65ebafc

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added core components
author George Fazekas <gyorgy.fazekas@eecs.qmul.ac.uk>
date Wed, 06 Mar 2013 15:45:48 +0000
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:032bc65ebafc
1
2 audiotempl= '''
3
4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
5 <html xmlns="http://www.w3.org/1999/xhtml">
6
7 <html lang="en" dir="ltr">
8
9 <head>
10 <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" >
11 <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css" TITLE="combined" />
12 <link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined">
13 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
14 <title>Digital Audio FX Perceptual Attributes</title>
15
16 <script src="../build/jquery.js"></script>
17 <script src="../build/mediaelement-and-player.min.js"></script>
18
19
20 <script language = "JavaScript">
21
22 window.onload = function () {
23
24 document.getElementById("a1_1")[%i].selected = true;
25 document.getElementById("a1_2")[%i].selected = true;
26 document.getElementById("a1_3")[%i].selected = true;
27 document.getElementById("a1_4")[%i].selected = true;
28
29 document.getElementById("a2_1")[%i].selected = true;
30 document.getElementById("a2_2")[%i].selected = true;
31 document.getElementById("a2_3")[%i].selected = true;
32 document.getElementById("a2_4")[%i].selected = true;
33
34 document.getElementById("a3_1")[%i].selected = true;
35 document.getElementById("a3_2")[%i].selected = true;
36 document.getElementById("a3_3")[%i].selected = true;
37 document.getElementById("a3_4")[%i].selected = true;
38
39 document.getElementById("a4_1")[%i].selected = true;
40 document.getElementById("a4_2")[%i].selected = true;
41 document.getElementById("a4_3")[%i].selected = true;
42 document.getElementById("a4_4")[%i].selected = true;
43
44 document.getElementById("a5_1")[%i].selected = true;
45 document.getElementById("a5_2")[%i].selected = true;
46 document.getElementById("a5_3")[%i].selected = true;
47 document.getElementById("a5_4")[%i].selected = true;
48
49 document.getElementById("a6_1")[%i].selected = true;
50 document.getElementById("a6_2")[%i].selected = true;
51 document.getElementById("a6_3")[%i].selected = true;
52 document.getElementById("a6_4")[%i].selected = true;
53
54 document.getElementById("a7_1")[%i].selected = true;
55 document.getElementById("a7_2")[%i].selected = true;
56 document.getElementById("a7_3")[%i].selected = true;
57 document.getElementById("a7_4")[%i].selected = true;
58
59 document.getElementById("a8_1")[%i].selected = true;
60 document.getElementById("a8_2")[%i].selected = true;
61 document.getElementById("a8_3")[%i].selected = true;
62 document.getElementById("a8_4")[%i].selected = true;
63
64 document.getElementById("a9_1")[%i].selected = true;
65 document.getElementById("a9_2")[%i].selected = true;
66 document.getElementById("a9_3")[%i].selected = true;
67 document.getElementById("a9_4")[%i].selected = true;
68
69 document.getElementById("a10_1")[%i].selected = true;
70 document.getElementById("a10_2")[%i].selected = true;
71 document.getElementById("a10_3")[%i].selected = true;
72 document.getElementById("a10_4")[%i].selected = true;
73
74
75 }
76
77 </script>
78
79 <script language="JavaScript" src="/js/gen_validatorv4.js"
80 type="text/javascript" xml:space="preserve"></script>
81
82 </head>
83
84 <body>
85
86 <div id="mainPicture">
87 <div class="picture">
88 <div id="headerTitle">Digital Audio FX</div>
89 <div id="headerSubtext">Perceptual Attributes Listening Test</div>
90 </div>
91 </div>
92 <div class="contentBox">
93
94
95
96
97 <h2 id="test 1">Test %i/%i</h2>
98 <h3> Play the two sounds one after the other.</h3>
99
100
101
102 <form name="attributes" action="doAttrib" method="POST">
103
104 <audio id="audio player 1_1" controls>
105 <source src="../audio/%s.mp3" type="audio/mpeg" />
106 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
107 </audio>
108 <audio id="audio player 1_2" controls>
109 <source src="../audio/%s.mp3" type="audio/mpeg" />
110 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
111 </audio>
112
113 <div class="selects">
114 main:
115 <select name="attribute1_1" id="a1_1">
116
117 <option value="0"></option>
118 <option value="1">duration</option>
119 <option value="2">rhythm</option>
120 <option value="3">loudness</option>
121 <option value="4">pitch</option>
122 <option value="5">harmony</option>
123 <option value="6">space</option>
124 <option value="7">timbre/quality</option>
125 <option value="8">none/unknown</option>
126 </select>
127 </p>
128
129 <p>other:
130 <select name="attribute1_2" id="a1_2">
131 <option value="0"></option>
132 <option value="1">duration</option>
133 <option value="2">rhythm</option>
134 <option value="3">loudness</option>
135 <option value="4">pitch</option>
136 <option value="5">harmony</option>
137 <option value="6">space</option>
138 <option value="7">timbre/quality</option>
139 <option value="8">none/unknown</option>
140 </select>
141
142 <select name="attribute1_3" id="a1_3">
143 <option value="0"></option>
144 <option value="1">duration</option>
145 <option value="2">rhythm</option>
146 <option value="3">loudness</option>
147 <option value="4">pitch</option>
148 <option value="5">harmony</option>
149 <option value="6">space</option>
150 <option value="7">timbre/quality</option>
151 <option value="8">none/unknown</option>
152 </select>
153
154 <select name="attribute1_4" id="a1_4">
155 <option value="0"></option>
156 <option value="1">duration</option>
157 <option value="2">rhythm</option>
158 <option value="3">loudness</option>
159 <option value="4">pitch</option>
160 <option value="5">harmony</option>
161 <option value="6">space</option>
162 <option value="7">timbre/quality</option>
163 <option value="8">none/unknown</option>
164 </select>
165 </p>
166 </div>
167
168 <br>
169
170 <audio id="audio player 2_1" controls>
171 <source src="../audio/%s.mp3" type="audio/mpeg" />
172 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
173 </audio>
174 <audio id="audio player 2_2" controls>
175 <source src="../audio/%s.mp3" type="audio/mpeg" />
176 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
177 </audio>
178 <div class="selects">
179 <p>main:
180 <select name="attribute2_1" id="a2_1">
181
182 <option value="0"></option>
183 <option value="1">duration</option>
184 <option value="2">rhythm</option>
185 <option value="3">loudness</option>
186 <option value="4">pitch</option>
187 <option value="5">harmony</option>
188 <option value="6">space</option>
189 <option value="7">timbre/quality</option>
190 <option value="8">none/unknown</option>
191 </select>
192 </p>
193
194 <p>other:
195 <select name="attribute2_2" id="a2_2">
196 <option value="0"></option>
197 <option value="1">duration</option>
198 <option value="2">rhythm</option>
199 <option value="3">loudness</option>
200 <option value="4">pitch</option>
201 <option value="5">harmony</option>
202 <option value="6">space</option>
203 <option value="7">timbre/quality</option>
204 <option value="8">none/unknown</option>
205 </select>
206
207 <select name="attribute2_3" id="a2_3">
208 <option value="0"></option>
209 <option value="1">duration</option>
210 <option value="2">rhythm</option>
211 <option value="3">loudness</option>
212 <option value="4">pitch</option>
213 <option value="5">harmony</option>
214 <option value="6">space</option>
215 <option value="7">timbre/quality</option>
216 <option value="8">none/unknown</option>
217 </select>
218
219 <select name="attribute2_4" id="a2_4">
220 <option value="0"></option>
221 <option value="1">duration</option>
222 <option value="2">rhythm</option>
223 <option value="3">loudness</option>
224 <option value="4">pitch</option>
225 <option value="5">harmony</option>
226 <option value="6">space</option>
227 <option value="7">timbre/quality</option>
228 <option value="8">none/unknown</option>
229 </select>
230 </p>
231 </div>
232 <br>
233
234
235 <audio id="audio player 3_1" controls>
236 <source src="../audio/%s.mp3" type="audio/mpeg" />
237 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
238 </audio>
239 <audio id="audio player 3_2" controls>
240 <source src="../audio/%s.mp3" type="audio/mpeg" />
241 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
242 </audio>
243 <div class="selects">
244 <p>main:
245 <select name="attribute3_1" id="a3_1">
246
247 <option value="0"></option>
248 <option value="1">duration</option>
249 <option value="2">rhythm</option>
250 <option value="3">loudness</option>
251 <option value="4">pitch</option>
252 <option value="5">harmony</option>
253 <option value="6">space</option>
254 <option value="7">timbre/quality</option>
255 <option value="8">none/unknown</option>
256 </select>
257 </p>
258
259 <p>other:
260 <select name="attribute3_2" id="a3_2">
261 <option value="0"></option>
262 <option value="1">duration</option>
263 <option value="2">rhythm</option>
264 <option value="3">loudness</option>
265 <option value="4">pitch</option>
266 <option value="5">harmony</option>
267 <option value="6">space</option>
268 <option value="7">timbre/quality</option>
269 <option value="8">none/unknown</option>
270 </select>
271
272 <select name="attribute3_3" id="a3_3">
273 <option value="0"></option>
274 <option value="1">duration</option>
275 <option value="2">rhythm</option>
276 <option value="3">loudness</option>
277 <option value="4">pitch</option>
278 <option value="5">harmony</option>
279 <option value="6">space</option>
280 <option value="7">timbre/quality</option>
281 <option value="8">none/unknown</option>
282 </select>
283
284 <select name="attribute3_4" id="a3_4">
285 <option value="0"></option>
286 <option value="1">duration</option>
287 <option value="2">rhythm</option>
288 <option value="3">loudness</option>
289 <option value="4">pitch</option>
290 <option value="5">harmony</option>
291 <option value="6">space</option>
292 <option value="7">timbre/quality</option>
293 <option value="8">none/unknown</option>
294 </select>
295 </p>
296 <br>
297 </div>
298 <audio id="audio player 4_1" controls>
299 <source src="../audio/%s.mp3" type="audio/mpeg" />
300 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
301 </audio>
302 <audio id="audio player 4_2" controls>
303 <source src="../audio/%s.mp3" type="audio/mpeg" />
304 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
305 </audio>
306 <div class="selects">
307 <p>main:
308 <select name="attribute4_1" id="a4_1">
309
310 <option value="0"></option>
311 <option value="1">duration</option>
312 <option value="2">rhythm</option>
313 <option value="3">loudness</option>
314 <option value="4">pitch</option>
315 <option value="5">harmony</option>
316 <option value="6">space</option>
317 <option value="7">timbre/quality</option>
318 <option value="8">none/unknown</option>
319 </select>
320 </p>
321
322 <p>other:
323 <select name="attribute4_2" id="a4_2">
324 <option value="0"></option>
325 <option value="1">duration</option>
326 <option value="2">rhythm</option>
327 <option value="3">loudness</option>
328 <option value="4">pitch</option>
329 <option value="5">harmony</option>
330 <option value="6">space</option>
331 <option value="7">timbre/quality</option>
332 <option value="8">none/unknown</option>
333 </select>
334
335 <select name="attribute4_3" id="a4_3">
336 <option value="0"></option>
337 <option value="1">duration</option>
338 <option value="2">rhythm</option>
339 <option value="3">loudness</option>
340 <option value="4">pitch</option>
341 <option value="5">harmony</option>
342 <option value="6">space</option>
343 <option value="7">timbre/quality</option>
344 <option value="8">none/unknown</option>
345 </select>
346
347 <select name="attribute4_4" id="a4_4">
348 <option value="0"></option>
349 <option value="1">duration</option>
350 <option value="2">rhythm</option>
351 <option value="3">loudness</option>
352 <option value="4">pitch</option>
353 <option value="5">harmony</option>
354 <option value="6">space</option>
355 <option value="7">timbre/quality</option>
356 <option value="8">none/unknown</option>
357 </select>
358 </p>
359 </div>
360 <br>
361
362 <audio id="audio player 5_1" controls>
363 <source src="../audio/%s.mp3" type="audio/mpeg" />
364 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
365 </audio>
366 <audio id="audio player 5_2" controls>
367 <source src="../audio/%s.mp3" type="audio/mpeg" />
368 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
369 </audio>
370 <div class="selects">
371 <p>main:
372 <select name="attribute5_1" id="a5_1">
373
374 <option value="0"></option>
375 <option value="1">duration</option>
376 <option value="2">rhythm</option>
377 <option value="3">loudness</option>
378 <option value="4">pitch</option>
379 <option value="5">harmony</option>
380 <option value="6">space</option>
381 <option value="7">timbre/quality</option>
382 <option value="8">none/unknown</option>
383 </select>
384 </p>
385
386 <p>other:
387 <select name="attribute5_2" id="a5_2">
388 <option value="0"></option>
389 <option value="1">duration</option>
390 <option value="2">rhythm</option>
391 <option value="3">loudness</option>
392 <option value="4">pitch</option>
393 <option value="5">harmony</option>
394 <option value="6">space</option>
395 <option value="7">timbre/quality</option>
396 <option value="8">none/unknown</option>
397 </select>
398
399 <select name="attribute5_3" id="a5_3">
400 <option value="0"></option>
401 <option value="1">duration</option>
402 <option value="2">rhythm</option>
403 <option value="3">loudness</option>
404 <option value="4">pitch</option>
405 <option value="5">harmony</option>
406 <option value="6">space</option>
407 <option value="7">timbre/quality</option>
408 <option value="8">none/unknown</option>
409 </select>
410
411 <select name="attribute5_4" id="a5_4">
412 <option value="0"></option>
413 <option value="1">duration</option>
414 <option value="2">rhythm</option>
415 <option value="3">loudness</option>
416 <option value="4">pitch</option>
417 <option value="5">harmony</option>
418 <option value="6">space</option>
419 <option value="7">timbre/quality</option>
420 <option value="8">none/unknown</option>
421 </select>
422 </p>
423 </div>
424 <br>
425
426 <audio id="audio player 6_1" controls>
427 <source src="../audio/%s.mp3" type="audio/mpeg" />
428 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
429 </audio>
430 <audio id="audio player 6_2" controls>
431 <source src="../audio/%s.mp3" type="audio/mpeg" />
432 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
433 </audio>
434 <div class="selects">
435 <p>main:
436 <select name="attribute6_1" id="a6_1">
437
438 <option value="0"></option>
439 <option value="1">duration</option>
440 <option value="2">rhythm</option>
441 <option value="3">loudness</option>
442 <option value="4">pitch</option>
443 <option value="5">harmony</option>
444 <option value="6">space</option>
445 <option value="7">timbre/quality</option>
446 <option value="8">none/unknown</option>
447 </select>
448 </p>
449
450 <p>other:
451 <select name="attribute6_2" id="a6_2">
452 <option value="0"></option>
453 <option value="1">duration</option>
454 <option value="2">rhythm</option>
455 <option value="3">loudness</option>
456 <option value="4">pitch</option>
457 <option value="5">harmony</option>
458 <option value="6">space</option>
459 <option value="7">timbre/quality</option>
460 <option value="8">none/unknown</option>
461 </select>
462
463 <select name="attribute6_3" id="a6_3">
464 <option value="0"></option>
465 <option value="1">duration</option>
466 <option value="2">rhythm</option>
467 <option value="3">loudness</option>
468 <option value="4">pitch</option>
469 <option value="5">harmony</option>
470 <option value="6">space</option>
471 <option value="7">timbre/quality</option>
472 <option value="8">none/unknown</option>
473 </select>
474
475 <select name="attribute6_4" id="a6_4">
476 <option value="0"></option>
477 <option value="1">duration</option>
478 <option value="2">rhythm</option>
479 <option value="3">loudness</option>
480 <option value="4">pitch</option>
481 <option value="5">harmony</option>
482 <option value="6">space</option>
483 <option value="7">timbre/quality</option>
484 <option value="8">none/unknown</option>
485 </select>
486 </p>
487 </div>
488 <br>
489
490 <audio id="audio player 7_1" controls>
491 <source src="../audio/%s.mp3" type="audio/mpeg" />
492 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
493 </audio>
494 <audio id="audio player 7_2" controls>
495 <source src="../audio/%s.mp3" type="audio/mpeg" />
496 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
497 </audio>
498 <div class="selects">
499 <p>main:
500 <select name="attribute7_1" id="a7_1">
501
502 <option value="0"></option>
503 <option value="1">duration</option>
504 <option value="2">rhythm</option>
505 <option value="3">loudness</option>
506 <option value="4">pitch</option>
507 <option value="5">harmony</option>
508 <option value="6">space</option>
509 <option value="7">timbre/quality</option>
510 <option value="8">none/unknown</option>
511 </select>
512 </p>
513
514 <p>other:
515 <select name="attribute7_2" id="a7_2">
516 <option value="0"></option>
517 <option value="1">duration</option>
518 <option value="2">rhythm</option>
519 <option value="3">loudness</option>
520 <option value="4">pitch</option>
521 <option value="5">harmony</option>
522 <option value="6">space</option>
523 <option value="7">timbre/quality</option>
524 <option value="8">none/unknown</option>
525 </select>
526
527 <select name="attribute7_3" id="a7_3">
528 <option value="0"></option>
529 <option value="1">duration</option>
530 <option value="2">rhythm</option>
531 <option value="3">loudness</option>
532 <option value="4">pitch</option>
533 <option value="5">harmony</option>
534 <option value="6">space</option>
535 <option value="7">timbre/quality</option>
536 <option value="8">none/unknown</option>
537 </select>
538
539 <select name="attribute7_4" id="a7_4">
540 <option value="0"></option>
541 <option value="1">duration</option>
542 <option value="2">rhythm</option>
543 <option value="3">loudness</option>
544 <option value="4">pitch</option>
545 <option value="5">harmony</option>
546 <option value="6">space</option>
547 <option value="7">timbre/quality</option>
548 <option value="8">none/unknown</option>
549 </select>
550 </p>
551 </div>
552 <br>
553
554 <audio id="audio player 8_1" controls>
555 <source src="../audio/%s.mp3" type="audio/mpeg" />
556 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
557 </audio>
558 <audio id="audio player 8_2" controls>
559 <source src="../audio/%s.mp3" type="audio/mpeg" />
560 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
561 </audio>
562 <div class="selects">
563 <p>main:
564 <select name="attribute8_1" id="a8_1">
565
566 <option value="0"></option>
567 <option value="1">duration</option>
568 <option value="2">rhythm</option>
569 <option value="3">loudness</option>
570 <option value="4">pitch</option>
571 <option value="5">harmony</option>
572 <option value="6">space</option>
573 <option value="7">timbre/quality</option>
574 <option value="8">none/unknown</option>
575 </select>
576 </p>
577
578 <p>other:
579 <select name="attribute8_2" id="a8_2">
580 <option value="0"></option>
581 <option value="1">duration</option>
582 <option value="2">rhythm</option>
583 <option value="3">loudness</option>
584 <option value="4">pitch</option>
585 <option value="5">harmony</option>
586 <option value="6">space</option>
587 <option value="7">timbre/quality</option>
588 <option value="8">none/unknown</option>
589 </select>
590
591 <select name="attribute8_3" id="a8_3">
592 <option value="0"></option>
593 <option value="1">duration</option>
594 <option value="2">rhythm</option>
595 <option value="3">loudness</option>
596 <option value="4">pitch</option>
597 <option value="5">harmony</option>
598 <option value="6">space</option>
599 <option value="7">timbre/quality</option>
600 <option value="8">none/unknown</option>
601 </select>
602
603 <select name="attribute8_4" id="a8_4">
604 <option value="0"></option>
605 <option value="1">duration</option>
606 <option value="2">rhythm</option>
607 <option value="3">loudness</option>
608 <option value="4">pitch</option>
609 <option value="5">harmony</option>
610 <option value="6">space</option>
611 <option value="7">timbre/quality</option>
612 <option value="8">none/unknown</option>
613 </select>
614 </p>
615 </div>
616 <br>
617
618 <audio id="audio player 9_1" controls>
619 <source src="../audio/%s.mp3" type="audio/mpeg" />
620 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
621 </audio>
622 <audio id="audio player 9_2" controls>
623 <source src="../audio/%s.mp3" type="audio/mpeg" />
624 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
625 </audio>
626 <div class="selects">
627 <p>main:
628 <select name="attribute9_1" id="a9_1">
629
630 <option value="0"></option>
631 <option value="1">duration</option>
632 <option value="2">rhythm</option>
633 <option value="3">loudness</option>
634 <option value="4">pitch</option>
635 <option value="5">harmony</option>
636 <option value="6">space</option>
637 <option value="7">timbre/quality</option>
638 <option value="8">none/unknown</option>
639 </select>
640 </p>
641
642 <p>other:
643 <select name="attribute9_2" id="a9_2">
644 <option value="0"></option>
645 <option value="1">duration</option>
646 <option value="2">rhythm</option>
647 <option value="3">loudness</option>
648 <option value="4">pitch</option>
649 <option value="5">harmony</option>
650 <option value="6">space</option>
651 <option value="7">timbre/quality</option>
652 <option value="8">none/unknown</option>
653 </select>
654
655 <select name="attribute9_3" id="a9_3">
656 <option value="0"></option>
657 <option value="1">duration</option>
658 <option value="2">rhythm</option>
659 <option value="3">loudness</option>
660 <option value="4">pitch</option>
661 <option value="5">harmony</option>
662 <option value="6">space</option>
663 <option value="7">timbre/quality</option>
664 <option value="8">none/unknown</option>
665 </select>
666
667 <select name="attribute9_4" id="a9_4">
668 <option value="0"></option>
669 <option value="1">duration</option>
670 <option value="2">rhythm</option>
671 <option value="3">loudness</option>
672 <option value="4">pitch</option>
673 <option value="5">harmony</option>
674 <option value="6">space</option>
675 <option value="7">timbre/quality</option>
676 <option value="8">none/unknown</option>
677 </select>
678 </p>
679 </div>
680 <br>
681
682 <audio id="audio player 10_1" controls>
683 <source src="../audio/%s.mp3" type="audio/mpeg" />
684 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
685 </audio>
686 <audio id="audio player 10_2" controls>
687 <source src="../audio/%s.mp3" type="audio/mpeg" />
688 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
689 </audio>
690 <div class="selects">
691 <p>main:
692 <select name="attribute10_1" id="a10_1">
693
694 <option value="0"></option>
695 <option value="1">duration</option>
696 <option value="2">rhythm</option>
697 <option value="3">loudness</option>
698 <option value="4">pitch</option>
699 <option value="5">harmony</option>
700 <option value="6">space</option>
701 <option value="7">timbre/quality</option>
702 <option value="8">none/unknown</option>
703 </select>
704 </p>
705
706 <p>other:
707 <select name="attribute10_2" id="a10_2">
708 <option value="0"></option>
709 <option value="1">duration</option>
710 <option value="2">rhythm</option>
711 <option value="3">loudness</option>
712 <option value="4">pitch</option>
713 <option value="5">harmony</option>
714 <option value="6">space</option>
715 <option value="7">timbre/quality</option>
716 <option value="8">none/unknown</option>
717 </select>
718
719 <select name="attribute10_3" id="a10_3">
720 <option value="0"></option>
721 <option value="1">duration</option>
722 <option value="2">rhythm</option>
723 <option value="3">loudness</option>
724 <option value="4">pitch</option>
725 <option value="5">harmony</option>
726 <option value="6">space</option>
727 <option value="7">timbre/quality</option>
728 <option value="8">none/unknown</option>
729 </select>
730
731 <select name="attribute10_4" id="a10_4">
732 <option value="0"></option>
733 <option value="1">duration</option>
734 <option value="2">rhythm</option>
735 <option value="3">loudness</option>
736 <option value="4">pitch</option>
737 <option value="5">harmony</option>
738 <option value="6">space</option>
739 <option value="7">timbre/quality</option>
740 <option value="8">none/unknown</option>
741 </select>
742 </p>
743 <br>
744 <input type="hidden" name="pageId" value="%i">
745 <input type="hidden" name="sessionId" value="%s">
746
747 <input type="submit" value="submit" name="submitButton"/>
748
749 </form>
750
751 <script language="JavaScript" type="text/javascript"
752 xml:space="preserve">//<![CDATA[
753 var frmvalidator = new Validator("attributes");
754
755 frmvalidator.addValidation("attribute1_1","dontselect=0", "Please select at least one main attribute for each item");
756 frmvalidator.addValidation("attribute2_1","dontselect=0", "Please select at least one main attribute for each item");
757 frmvalidator.addValidation("attribute3_1","dontselect=0", "Please select at least one main attribute for each item");
758 frmvalidator.addValidation("attribute4_1","dontselect=0", "Please select at least one main attribute for each item");
759 frmvalidator.addValidation("attribute5_1","dontselect=0", "Please select at least one main attribute for each item");
760 frmvalidator.addValidation("attribute6_1","dontselect=0", "Please select at least one main attribute for each item");
761 frmvalidator.addValidation("attribute7_1","dontselect=0", "Please select at least one main attribute for each item");
762 frmvalidator.addValidation("attribute8_1","dontselect=0", "Please select at least one main attribute for each item");
763 frmvalidator.addValidation("attribute9_1","dontselect=0", "Please select at least one main attribute for each item");
764 frmvalidator.addValidation("attribute10_1","dontselect=0", "Please select at least one main attribute for each item");
765
766 //]]></script>
767
768 </div>
769
770 </div>
771
772 </body>
773
774 <script>
775 $('audio,video').mediaelementplayer();
776 </script>
777 </html>
778 '''
779
780 welcome_templ= '''
781
782 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
783 <html xmlns="http://www.w3.org/1999/xhtml">
784
785 <html lang="en" dir="ltr">
786
787 <head>
788 <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" >
789 <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css">
790 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
791 <title>Digital Audio FX Perceptual Attributes</title>
792
793
794
795
796 <script language="JavaScript" src="/js/gen_validatorv4.js"
797 type="text/javascript" xml:space="preserve"></script>
798 </head>
799 <body>
800
801 <div id="mainPicture">
802 <div class="picture">
803 <div id="headerTitle">Digital Audio FX</div>
804 <div id="headerSubtext">Perceptual Attributes Listening Test</div>
805 </div>
806 </div>
807 <div class="contentBox">
808
809 <h2>Welcome!</h2><br />
810 <div align="justify">
811 <p>
812 In this test we want to establish which perceptual attributes are affected by the application of digital audio effects (DAFx) on monotimbral audio material. Moreover, a goal is to find out if potential users of audio effects applications agree with established classifications. <br />
813 <img width=25px height=0px src='/images/spacer.gif'>
814 On the next pages you will be asked to listen to 'dry' source files followed by the same file after application of a DAFx. Please indicate in the menus below the audio players which perceptual attribute is affected mainly by the DAFx. Optionally, you may choose up to three additonal secondary perceptual attributes, ordered by relevance. The selection consists of: duration, rhythm, loudness, pitch, harmony, space, and timbre/quality. If you think the difference is not noticable or you cannot pinpoint any differences, please select 'none/unknown'.<br />
815 <img width=25px height=0px src='/images/spacer.gif'>
816 Before you begin, please give us some brief information about yourself and your musical or audio related background below.
817 </p> </div>
818
819 <br /> <br />
820
821
822
823 <form name="userinfos" action="doStart" method="POST">
824 <div class="selects">
825 </p>
826 Select Username<br />
827 <input type="text" name="uinfo00" id="uinfo00" />
828 <br /><br />
829
830 Age<br />
831 <select name="uinfo01" id="uinfo01">
832 <option value="0"></option>
833 <option value="1">< 18</option>
834 <option value="2">18-24</option>
835 <option value="3">25-34</option>
836 <option value="4">35-44</option>
837 <option value="5">45-54</option>
838 <option value="5">55-64</option>
839 <option value="6">65-74</option>
840 <option value="7">> 74</option>
841 </select>
842
843 <br /><br />
844
845 Sex<br />
846 <select name="uinfo02" id="uinfo02">
847 <option value="0"></option>
848 <option value="1">female</option>
849 <option value="2">male</option>
850 </select>
851
852
853 <br /><br /><br />
854
855 Rate your expertise on the following topics:
856 <br /><br />
857 Audio Production<br />
858 <select name="info1" id="info1">
859 <option value="0"></option>
860 <option value="1">not familiar</option>
861 <option value="2">somewhat familiar</option>
862 <option value="3">very familiar</option>
863 <option value="4">expert</option>
864 </select>
865 <br /><br />
866 Electronic Music Composition<br />
867 <select name="info2" id="info2">
868 <option value="0"></option>
869 <option value="1">not familiar</option>
870 <option value="2">somewhat familiar</option>
871 <option value="3">very familiar</option>
872 <option value="4">expert</option>
873 </select>
874
875 <br /><br />
876 Playing a Musical Instrument<br />
877 <select name="info3" id="info3">
878 <option value="0"></option>
879 <option value="1">not familiar</option>
880 <option value="2">somewhat familiar</option>
881 <option value="3">very familiar</option>
882 <option value="4">expert</option>
883
884 </select>
885
886 <br /><br />
887 Audio Digital Signal Processing<br />
888 <select name="info4" id="info4">
889 <option value="0"></option>
890 <option value="1">not familiar</option>
891 <option value="2">somewhat familiar</option>
892 <option value="3">very familiar</option>
893 <option value="4">expert</option>
894
895 </select>
896
897 <br /><br />
898 It is encouraged to use high quality headphones for this test. However, if you use loudspeakers instead make sure you're in the correct position between the speakers in order to evaluate stereo effects. Please specify (the closest to) your listening conditions:
899 <br />
900 <select name="info5" id="info5">
901 <option value="0"></option>
902 <option value="1">high quality headphones</option>
903 <option value="2">low quality headphones</option>
904 <option value="3">loudspeakers / professional studio</option>
905 <option value="4">loudspeakers / semi-professional studio</option>
906 <option value="5">hifi speakers / home</option>
907 </select>
908
909 <br />
910 <br />
911 <h4>Please note that HTML5 support is limited on this website and ADOBE FLASH is recommended</h4>
912 <input type="hidden" name="pageId" value="0">
913 <input type="hidden" name="sessionId" value="%s">
914 <input type="submit" value="submit" name="startButton">
915 </p>
916 </form>
917
918 <script language="JavaScript" type="text/javascript"
919 xml:space="preserve">//<![CDATA[
920 var frmvalidator = new Validator("userinfos");
921
922 frmvalidator.addValidation("uinfo00","req","Please select a username");
923 frmvalidator.addValidation("uinfo00","maxlen=20", "Max length for username is 20");
924 frmvalidator.addValidation("uinfo00","minlen=3", "Min length for username is 3");
925 frmvalidator.addValidation("uinfo01","dontselect=0", "Please specify all information");
926 frmvalidator.addValidation("uinfo02","dontselect=0", "Please specify all information");
927
928 frmvalidator.addValidation("info1","dontselect=0", "Please specify all information");
929 frmvalidator.addValidation("info2","dontselect=0", "Please specify all information");
930 frmvalidator.addValidation("info3","dontselect=0", "Please specify all information");
931 frmvalidator.addValidation("info4","dontselect=0", "Please specify all information");
932 frmvalidator.addValidation("info5","dontselect=0", "Please specify all information");
933
934 //]]></script>
935
936
937 </div>
938 <br />
939 <h3>Thank you for participating in this project!</h3><br />
940
941 </div>
942 </body>
943
944 </html>
945 '''
946
947
948
949
950 audiotemplast = '''
951
952 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
953 <html xmlns="http://www.w3.org/1999/xhtml">
954
955 <html lang="en" dir="ltr">
956
957 <head>
958 <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" >
959 <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css" TITLE="combined" />
960 <link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined">
961 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
962 <title>Digital Audio FX Perceptual Attributes</title>
963
964 <script src="../build/jquery.js"></script>
965 <script src="../build/mediaelement-and-player.min.js"></script>
966
967
968 <script language = "JavaScript">
969
970 window.onload = function () {
971
972 document.getElementById("a1_1")[%i].selected = true;
973 document.getElementById("a1_2")[%i].selected = true;
974 document.getElementById("a1_3")[%i].selected = true;
975 document.getElementById("a1_4")[%i].selected = true;
976
977 document.getElementById("a2_1")[%i].selected = true;
978 document.getElementById("a2_2")[%i].selected = true;
979 document.getElementById("a2_3")[%i].selected = true;
980 document.getElementById("a2_4")[%i].selected = true;
981
982 document.getElementById("a3_1")[%i].selected = true;
983 document.getElementById("a3_2")[%i].selected = true;
984 document.getElementById("a3_3")[%i].selected = true;
985 document.getElementById("a3_4")[%i].selected = true;
986
987 document.getElementById("a4_1")[%i].selected = true;
988 document.getElementById("a4_2")[%i].selected = true;
989 document.getElementById("a4_3")[%i].selected = true;
990 document.getElementById("a4_4")[%i].selected = true;
991
992 document.getElementById("a5_1")[%i].selected = true;
993 document.getElementById("a5_2")[%i].selected = true;
994 document.getElementById("a5_3")[%i].selected = true;
995 document.getElementById("a5_4")[%i].selected = true;
996
997 document.getElementById("a6_1")[%i].selected = true;
998 document.getElementById("a6_2")[%i].selected = true;
999 document.getElementById("a6_3")[%i].selected = true;
1000 document.getElementById("a6_4")[%i].selected = true;
1001
1002
1003 }
1004
1005 </script>
1006
1007 <script language="JavaScript" src="/js/gen_validatorv4.js"
1008 type="text/javascript" xml:space="preserve"></script>
1009
1010 </head>
1011
1012 <body>
1013
1014 <div id="mainPicture">
1015 <div class="picture">
1016 <div id="headerTitle">Digital Audio FX</div>
1017 <div id="headerSubtext">Perceptual Attributes Listening Test</div>
1018 </div>
1019 </div>
1020 <div class="contentBox">
1021
1022
1023
1024
1025 <h2 id="test 1">Test %i/%i</h2>
1026 <h3> Play the two sounds one after the other.</h3>
1027
1028
1029
1030 <form name="attributes" action="doAttrib2" method="POST">
1031
1032 <audio id="audio player 1_1" controls>
1033 <source src="../audio/%s.mp3" type="audio/mpeg" />
1034 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1035 </audio>
1036 <audio id="audio player 1_2" controls>
1037 <source src="../audio/%s.mp3" type="audio/mpeg" />
1038 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1039 </audio>
1040
1041 <div class="selects">
1042 main:
1043 <select name="attribute1_1" id="a1_1">
1044
1045 <option value="0"></option>
1046 <option value="1">duration</option>
1047 <option value="2">rhythm</option>
1048 <option value="3">loudness</option>
1049 <option value="4">pitch</option>
1050 <option value="5">harmony</option>
1051 <option value="6">space</option>
1052 <option value="7">timbre/quality</option>
1053 <option value="8">none/unknown</option>
1054 </select>
1055 </p>
1056
1057 <p>other:
1058 <select name="attribute1_2" id="a1_2">
1059 <option value="0"></option>
1060 <option value="1">duration</option>
1061 <option value="2">rhythm</option>
1062 <option value="3">loudness</option>
1063 <option value="4">pitch</option>
1064 <option value="5">harmony</option>
1065 <option value="6">space</option>
1066 <option value="7">timbre/quality</option>
1067 <option value="8">none/unknown</option>
1068 </select>
1069
1070 <select name="attribute1_3" id="a1_3">
1071 <option value="0"></option>
1072 <option value="1">duration</option>
1073 <option value="2">rhythm</option>
1074 <option value="3">loudness</option>
1075 <option value="4">pitch</option>
1076 <option value="5">harmony</option>
1077 <option value="6">space</option>
1078 <option value="7">timbre/quality</option>
1079 <option value="8">none/unknown</option>
1080 </select>
1081
1082 <select name="attribute1_4" id="a1_4">
1083 <option value="0"></option>
1084 <option value="1">duration</option>
1085 <option value="2">rhythm</option>
1086 <option value="3">loudness</option>
1087 <option value="4">pitch</option>
1088 <option value="5">harmony</option>
1089 <option value="6">space</option>
1090 <option value="7">timbre/quality</option>
1091 <option value="8">none/unknown</option>
1092 </select>
1093 </p>
1094 </div>
1095
1096 <br>
1097
1098 <audio id="audio player 2_1" controls>
1099 <source src="../audio/%s.mp3" type="audio/mpeg" />
1100 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1101 </audio>
1102 <audio id="audio player 2_2" controls>
1103 <source src="../audio/%s.mp3" type="audio/mpeg" />
1104 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1105 </audio>
1106 <div class="selects">
1107 <p>main:
1108 <select name="attribute2_1" id="a2_1">
1109
1110 <option value="0"></option>
1111 <option value="1">duration</option>
1112 <option value="2">rhythm</option>
1113 <option value="3">loudness</option>
1114 <option value="4">pitch</option>
1115 <option value="5">harmony</option>
1116 <option value="6">space</option>
1117 <option value="7">timbre/quality</option>
1118 <option value="8">none/unknown</option>
1119 </select>
1120 </p>
1121
1122 <p>other:
1123 <select name="attribute2_2" id="a2_2">
1124 <option value="0"></option>
1125 <option value="1">duration</option>
1126 <option value="2">rhythm</option>
1127 <option value="3">loudness</option>
1128 <option value="4">pitch</option>
1129 <option value="5">harmony</option>
1130 <option value="6">space</option>
1131 <option value="7">timbre/quality</option>
1132 <option value="8">none/unknown</option>
1133 </select>
1134
1135 <select name="attribute2_3" id="a2_3">
1136 <option value="0"></option>
1137 <option value="1">duration</option>
1138 <option value="2">rhythm</option>
1139 <option value="3">loudness</option>
1140 <option value="4">pitch</option>
1141 <option value="5">harmony</option>
1142 <option value="6">space</option>
1143 <option value="7">timbre/quality</option>
1144 <option value="8">none/unknown</option>
1145 </select>
1146
1147 <select name="attribute2_4" id="a2_4">
1148 <option value="0"></option>
1149 <option value="1">duration</option>
1150 <option value="2">rhythm</option>
1151 <option value="3">loudness</option>
1152 <option value="4">pitch</option>
1153 <option value="5">harmony</option>
1154 <option value="6">space</option>
1155 <option value="7">timbre/quality</option>
1156 <option value="8">none/unknown</option>
1157 </select>
1158 </p>
1159 </div>
1160 <br>
1161
1162
1163 <audio id="audio player 3_1" controls>
1164 <source src="../audio/%s.mp3" type="audio/mpeg" />
1165 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1166 </audio>
1167 <audio id="audio player 3_2" controls>
1168 <source src="../audio/%s.mp3" type="audio/mpeg" />
1169 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1170 </audio>
1171 <div class="selects">
1172 <p>main:
1173 <select name="attribute3_1" id="a3_1">
1174
1175 <option value="0"></option>
1176 <option value="1">duration</option>
1177 <option value="2">rhythm</option>
1178 <option value="3">loudness</option>
1179 <option value="4">pitch</option>
1180 <option value="5">harmony</option>
1181 <option value="6">space</option>
1182 <option value="7">timbre/quality</option>
1183 <option value="8">none/unknown</option>
1184 </select>
1185 </p>
1186
1187 <p>other:
1188 <select name="attribute3_2" id="a3_2">
1189 <option value="0"></option>
1190 <option value="1">duration</option>
1191 <option value="2">rhythm</option>
1192 <option value="3">loudness</option>
1193 <option value="4">pitch</option>
1194 <option value="5">harmony</option>
1195 <option value="6">space</option>
1196 <option value="7">timbre/quality</option>
1197 <option value="8">none/unknown</option>
1198 </select>
1199
1200 <select name="attribute3_3" id="a3_3">
1201 <option value="0"></option>
1202 <option value="1">duration</option>
1203 <option value="2">rhythm</option>
1204 <option value="3">loudness</option>
1205 <option value="4">pitch</option>
1206 <option value="5">harmony</option>
1207 <option value="6">space</option>
1208 <option value="7">timbre/quality</option>
1209 <option value="8">none/unknown</option>
1210 </select>
1211
1212 <select name="attribute3_4" id="a3_4">
1213 <option value="0"></option>
1214 <option value="1">duration</option>
1215 <option value="2">rhythm</option>
1216 <option value="3">loudness</option>
1217 <option value="4">pitch</option>
1218 <option value="5">harmony</option>
1219 <option value="6">space</option>
1220 <option value="7">timbre/quality</option>
1221 <option value="8">none/unknown</option>
1222 </select>
1223 </p>
1224 <br>
1225 </div>
1226 <audio id="audio player 4_1" controls>
1227 <source src="../audio/%s.mp3" type="audio/mpeg" />
1228 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1229 </audio>
1230 <audio id="audio player 4_2" controls>
1231 <source src="../audio/%s.mp3" type="audio/mpeg" />
1232 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1233 </audio>
1234 <div class="selects">
1235 <p>main:
1236 <select name="attribute4_1" id="a4_1">
1237
1238 <option value="0"></option>
1239 <option value="1">duration</option>
1240 <option value="2">rhythm</option>
1241 <option value="3">loudness</option>
1242 <option value="4">pitch</option>
1243 <option value="5">harmony</option>
1244 <option value="6">space</option>
1245 <option value="7">timbre/quality</option>
1246 <option value="8">none/unknown</option>
1247 </select>
1248 </p>
1249
1250 <p>other:
1251 <select name="attribute4_2" id="a4_2">
1252 <option value="0"></option>
1253 <option value="1">duration</option>
1254 <option value="2">rhythm</option>
1255 <option value="3">loudness</option>
1256 <option value="4">pitch</option>
1257 <option value="5">harmony</option>
1258 <option value="6">space</option>
1259 <option value="7">timbre/quality</option>
1260 <option value="8">none/unknown</option>
1261 </select>
1262
1263 <select name="attribute4_3" id="a4_3">
1264 <option value="0"></option>
1265 <option value="1">duration</option>
1266 <option value="2">rhythm</option>
1267 <option value="3">loudness</option>
1268 <option value="4">pitch</option>
1269 <option value="5">harmony</option>
1270 <option value="6">space</option>
1271 <option value="7">timbre/quality</option>
1272 <option value="8">none/unknown</option>
1273 </select>
1274
1275 <select name="attribute4_4" id="a4_4">
1276 <option value="0"></option>
1277 <option value="1">duration</option>
1278 <option value="2">rhythm</option>
1279 <option value="3">loudness</option>
1280 <option value="4">pitch</option>
1281 <option value="5">harmony</option>
1282 <option value="6">space</option>
1283 <option value="7">timbre/quality</option>
1284 <option value="8">none/unknown</option>
1285 </select>
1286 </p>
1287 </div>
1288 <br>
1289
1290 <audio id="audio player 5_1" controls>
1291 <source src="../audio/%s.mp3" type="audio/mpeg" />
1292 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1293 </audio>
1294 <audio id="audio player 5_2" controls>
1295 <source src="../audio/%s.mp3" type="audio/mpeg" />
1296 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1297 </audio>
1298 <div class="selects">
1299 <p>main:
1300 <select name="attribute5_1" id="a5_1">
1301
1302 <option value="0"></option>
1303 <option value="1">duration</option>
1304 <option value="2">rhythm</option>
1305 <option value="3">loudness</option>
1306 <option value="4">pitch</option>
1307 <option value="5">harmony</option>
1308 <option value="6">space</option>
1309 <option value="7">timbre/quality</option>
1310 <option value="8">none/unknown</option>
1311 </select>
1312 </p>
1313
1314 <p>other:
1315 <select name="attribute5_2" id="a5_2">
1316 <option value="0"></option>
1317 <option value="1">duration</option>
1318 <option value="2">rhythm</option>
1319 <option value="3">loudness</option>
1320 <option value="4">pitch</option>
1321 <option value="5">harmony</option>
1322 <option value="6">space</option>
1323 <option value="7">timbre/quality</option>
1324 <option value="8">none/unknown</option>
1325 </select>
1326
1327 <select name="attribute5_3" id="a5_3">
1328 <option value="0"></option>
1329 <option value="1">duration</option>
1330 <option value="2">rhythm</option>
1331 <option value="3">loudness</option>
1332 <option value="4">pitch</option>
1333 <option value="5">harmony</option>
1334 <option value="6">space</option>
1335 <option value="7">timbre/quality</option>
1336 <option value="8">none/unknown</option>
1337 </select>
1338
1339 <select name="attribute5_4" id="a5_4">
1340 <option value="0"></option>
1341 <option value="1">duration</option>
1342 <option value="2">rhythm</option>
1343 <option value="3">loudness</option>
1344 <option value="4">pitch</option>
1345 <option value="5">harmony</option>
1346 <option value="6">space</option>
1347 <option value="7">timbre/quality</option>
1348 <option value="8">none/unknown</option>
1349 </select>
1350 </p>
1351 </div>
1352 <br>
1353
1354 <audio id="audio player 6_1" controls>
1355 <source src="../audio/%s.mp3" type="audio/mpeg" />
1356 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1357 </audio>
1358 <audio id="audio player 6_2" controls>
1359 <source src="../audio/%s.mp3" type="audio/mpeg" />
1360 <object class="playerpreview" type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20"><param name="movie" value="player_mp3_mini.swf" /><param name="bgcolor" value="#085c68" /><param name="FlashVars" value="mp3=../audio/%s.mp3" /><embed href="player_mp3_mini.swf" bgcolor="#085c68" width="200" height="20" name="movie" align="" type="application/x-shockwave-flash" flashvars="mp3=../audio/%s.mp3" /></object>
1361 </audio>
1362 <div class="selects">
1363 <p>main:
1364 <select name="attribute6_1" id="a6_1">
1365
1366 <option value="0"></option>
1367 <option value="1">duration</option>
1368 <option value="2">rhythm</option>
1369 <option value="3">loudness</option>
1370 <option value="4">pitch</option>
1371 <option value="5">harmony</option>
1372 <option value="6">space</option>
1373 <option value="7">timbre/quality</option>
1374 <option value="8">none/unknown</option>
1375 </select>
1376 </p>
1377
1378 <p>other:
1379 <select name="attribute6_2" id="a6_2">
1380 <option value="0"></option>
1381 <option value="1">duration</option>
1382 <option value="2">rhythm</option>
1383 <option value="3">loudness</option>
1384 <option value="4">pitch</option>
1385 <option value="5">harmony</option>
1386 <option value="6">space</option>
1387 <option value="7">timbre/quality</option>
1388 <option value="8">none/unknown</option>
1389 </select>
1390
1391 <select name="attribute6_3" id="a6_3">
1392 <option value="0"></option>
1393 <option value="1">duration</option>
1394 <option value="2">rhythm</option>
1395 <option value="3">loudness</option>
1396 <option value="4">pitch</option>
1397 <option value="5">harmony</option>
1398 <option value="6">space</option>
1399 <option value="7">timbre/quality</option>
1400 <option value="8">none/unknown</option>
1401 </select>
1402
1403 <select name="attribute6_4" id="a6_4">
1404 <option value="0"></option>
1405 <option value="1">duration</option>
1406 <option value="2">rhythm</option>
1407 <option value="3">loudness</option>
1408 <option value="4">pitch</option>
1409 <option value="5">harmony</option>
1410 <option value="6">space</option>
1411 <option value="7">timbre/quality</option>
1412 <option value="8">none/unknown</option>
1413 </select>
1414
1415
1416 </p>
1417 <br>
1418 <input type="hidden" name="pageId" value="%i">
1419 <input type="hidden" name="sessionId" value="%s">
1420
1421 <input type="submit" value="submit" name="submitButton"/>
1422
1423 </form>
1424
1425 <script language="JavaScript" type="text/javascript"
1426 xml:space="preserve">//<![CDATA[
1427 var frmvalidator = new Validator("attributes");
1428
1429 frmvalidator.addValidation("attribute1_1","dontselect=0", "Please select at least one main attribute for each item");
1430 frmvalidator.addValidation("attribute2_1","dontselect=0", "Please select at least one main attribute for each item");
1431 frmvalidator.addValidation("attribute3_1","dontselect=0", "Please select at least one main attribute for each item");
1432 frmvalidator.addValidation("attribute4_1","dontselect=0", "Please select at least one main attribute for each item");
1433 frmvalidator.addValidation("attribute5_1","dontselect=0", "Please select at least one main attribute for each item");
1434 frmvalidator.addValidation("attribute6_1","dontselect=0", "Please select at least one main attribute for each item");
1435
1436
1437 //]]></script>
1438 </div>
1439
1440 </div>
1441
1442 </body>
1443
1444 <script>
1445 $('audio,video').mediaelementplayer();
1446 </script>
1447 </html>
1448 '''
1449
1450
1451
1452
1453
1454
1455 endtempl = '''
1456 <!DOCTYPE html>
1457 <html lang="en" dir="ltr">
1458 <head>
1459 </head>
1460 <body>
1461 <p>results</p>
1462 <table border="1">
1463 <tr>
1464 <th>Audio File</th>
1465 <th>Main</th>
1466 <th>Other 1</th>
1467 <th>Other 2</th>
1468 <th>Other 3</th>
1469 </tr>
1470 %s
1471 </table>
1472 <p> <a href="http://www.elec.qmul.ac.uk/digitalmusic">thanks!</a> </p>
1473 </body>
1474 </html>
1475 '''
1476 #<p> <a href="/out/">thanks!</a> </p>
1477
1478 endtempl2 = '''
1479 <tr>
1480 <td>%s</td>
1481 <td><center>%s</center></td>
1482 <td><center>%s</center></td>
1483 <td><center>%s</center></td>
1484 <td><center>%s</center></td>
1485 </tr>
1486 '''