Mercurial > hg > env-test-daniele

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