Mercurial > hg > env-test-daniele

comparison templates.py @ 11:15260ae0d6bc

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