annotate templates_1main.py @ 25:4a4bd554b4c1 tip

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