Mercurial > hg > env-test-daniele

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