annotate test.html @ 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 15260ae0d6bc
children
rev   line source
daniele@11 1
daniele@11 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
daniele@11 3 <html xmlns="http://www.w3.org/1999/xhtml">
daniele@11 4
daniele@11 5 <html lang="en" dir="ltr">
daniele@11 6
daniele@11 7 <head>
daniele@11 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" >
daniele@11 9 <! link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined">
daniele@11 10 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
daniele@11 11 <title>Audio Environment Classification</title>
gyorgy@0 12
daniele@11 13 <script src="../build/jquery.js"></script>
daniele@11 14 <!script src="../build/mediaelement-and-player.min.js"></script>
gyorgy@0 15
daniele@11 16
daniele@11 17 <script language = "JavaScript">
gyorgy@0 18
gyorgy@0 19 window.onload = function () {
daniele@11 20 document.getElementById("a1")[0].selected = true;
daniele@11 21 document.getElementById("a2")[0].selected = true;
daniele@11 22 document.getElementById("a3")[0].selected = true;
daniele@11 23 document.getElementById("a4")[0].selected = true;
daniele@11 24 document.getElementById("a5")[0].selected = true;
daniele@11 25 document.getElementById("a6")[0].selected = true;
daniele@11 26 document.getElementById("a7")[0].selected = true;
daniele@11 27 document.getElementById("a8")[0].selected = true;
daniele@11 28 document.getElementById("a9")[0].selected = true;
daniele@11 29 document.getElementById("a10")[0].selected = true;
gyorgy@0 30 }
gyorgy@0 31
gyorgy@0 32 </script>
gyorgy@0 33
daniele@11 34 <script language="JavaScript" src="../js/gen_validatorv4.js"
daniele@11 35 type="text/javascript" xml:space="preserve"></script>
gyorgy@0 36 </head>
gyorgy@0 37
gyorgy@0 38 <body>
gyorgy@0 39
daniele@11 40 <h3 id="test 1">1/10</h3><br>
daniele@11 41 <h4>Please play the sounds and indicate where they have been recorded </h4>
gyorgy@0 42
gyorgy@0 43 <form name="attributes" action="doAttrib" method="POST">
gyorgy@0 44
daniele@11 45 <audio id="audio player 1" controls>
daniele@11 46 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/park/park07.wav" type="audio/wav">
daniele@11 47 </audio>
gyorgy@0 48
daniele@11 49 <form name = "attribute1" id="a1">
daniele@11 50 <input type="radio" name="cat" value="bus">bus
daniele@11 51 <input type="radio" name="cat" value="busy street">busy street
daniele@11 52 <input type="radio" name="cat" value="office">office
daniele@11 53 <input type="radio" name="cat" value="open air market">open air market
daniele@11 54 <input type="radio" name="cat" value="park">park <br>
daniele@11 55 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 56 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 57 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 58 <input type="radio" name="cat" value="tube">tube
daniele@11 59 <input type="radio" name="cat" value="tube station">tube station
daniele@11 60 </form>
gyorgy@0 61 <br>
gyorgy@0 62
daniele@11 63 <audio id="audio player 2" controls>
daniele@11 64 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/park/park04.wav" type="audio/wav">
daniele@11 65 </audio>
gyorgy@0 66
daniele@11 67 <form name = "attribute2" id="a2">
daniele@11 68 <input type="radio" name="cat" value="bus">bus
daniele@11 69 <input type="radio" name="cat" value="busy street">busy street
daniele@11 70 <input type="radio" name="cat" value="office">office
daniele@11 71 <input type="radio" name="cat" value="open air market">open air market
daniele@11 72 <input type="radio" name="cat" value="park">park <br>
daniele@11 73 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 74 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 75 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 76 <input type="radio" name="cat" value="tube">tube
daniele@11 77 <input type="radio" name="cat" value="tube station">tube station
daniele@11 78 </form>
gyorgy@0 79 <br>
gyorgy@0 80
daniele@11 81 <audio id="audio player 3" controls>
daniele@11 82 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/park/park08.wav" type="audio/wav">
daniele@11 83 </audio>
gyorgy@0 84
daniele@11 85 <form name = "attribute3" id="a3">
daniele@11 86 <input type="radio" name="cat" value="bus">bus
daniele@11 87 <input type="radio" name="cat" value="busy street">busy street
daniele@11 88 <input type="radio" name="cat" value="office">office
daniele@11 89 <input type="radio" name="cat" value="open air market">open air market
daniele@11 90 <input type="radio" name="cat" value="park">park <br>
daniele@11 91 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 92 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 93 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 94 <input type="radio" name="cat" value="tube">tube
daniele@11 95 <input type="radio" name="cat" value="tube station">tube station
daniele@11 96 </form>
gyorgy@0 97 <br>
gyorgy@0 98
daniele@11 99 <audio id="audio player 4" controls>
daniele@11 100 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/restaurant/restaurant03.wav" type="audio/wav">
daniele@11 101 </audio>
gyorgy@0 102
daniele@11 103 <form name = "attribute4" id="a4">
daniele@11 104 <input type="radio" name="cat" value="bus">bus
daniele@11 105 <input type="radio" name="cat" value="busy street">busy street
daniele@11 106 <input type="radio" name="cat" value="office">office
daniele@11 107 <input type="radio" name="cat" value="open air market">open air market
daniele@11 108 <input type="radio" name="cat" value="park">park <br>
daniele@11 109 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 110 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 111 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 112 <input type="radio" name="cat" value="tube">tube
daniele@11 113 <input type="radio" name="cat" value="tube station">tube station
daniele@11 114 </form>
gyorgy@0 115 <br>
gyorgy@0 116
daniele@11 117 <audio id="audio player 5" controls>
daniele@11 118 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/park/park01.wav" type="audio/wav">
daniele@11 119 </audio>
gyorgy@0 120
daniele@11 121 <form name = "attribute5" id="a5">
daniele@11 122 <input type="radio" name="cat" value="bus">bus
daniele@11 123 <input type="radio" name="cat" value="busy street">busy street
daniele@11 124 <input type="radio" name="cat" value="office">office
daniele@11 125 <input type="radio" name="cat" value="open air market">open air market
daniele@11 126 <input type="radio" name="cat" value="park">park <br>
daniele@11 127 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 128 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 129 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 130 <input type="radio" name="cat" value="tube">tube
daniele@11 131 <input type="radio" name="cat" value="tube station">tube station
daniele@11 132 </form>
gyorgy@0 133 <br>
gyorgy@0 134
daniele@11 135 <audio id="audio player 6" controls>
daniele@11 136 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/tubestation/tubestation03.wav" type="audio/wav">
daniele@11 137 </audio>
gyorgy@0 138
daniele@11 139 <form name = "attribute6" id="a6">
daniele@11 140 <input type="radio" name="cat" value="bus">bus
daniele@11 141 <input type="radio" name="cat" value="busy street">busy street
daniele@11 142 <input type="radio" name="cat" value="office">office
daniele@11 143 <input type="radio" name="cat" value="open air market">open air market
daniele@11 144 <input type="radio" name="cat" value="park">park <br>
daniele@11 145 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 146 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 147 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 148 <input type="radio" name="cat" value="tube">tube
daniele@11 149 <input type="radio" name="cat" value="tube station">tube station
daniele@11 150 </form>
gyorgy@0 151 <br>
gyorgy@0 152
daniele@11 153 <audio id="audio player 7" controls>
daniele@11 154 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/tube/tube02.wav" type="audio/wav">
daniele@11 155 </audio>
gyorgy@0 156
daniele@11 157 <form name = "attribute7" id="a7">
daniele@11 158 <input type="radio" name="cat" value="bus">bus
daniele@11 159 <input type="radio" name="cat" value="busy street">busy street
daniele@11 160 <input type="radio" name="cat" value="office">office
daniele@11 161 <input type="radio" name="cat" value="open air market">open air market
daniele@11 162 <input type="radio" name="cat" value="park">park <br>
daniele@11 163 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 164 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 165 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 166 <input type="radio" name="cat" value="tube">tube
daniele@11 167 <input type="radio" name="cat" value="tube station">tube station
daniele@11 168 </form>
gyorgy@0 169 <br>
gyorgy@0 170
daniele@11 171 <audio id="audio player 8" controls>
daniele@11 172 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/openairmarket/openairmarket05.wav" type="audio/wav">
daniele@11 173 </audio>
gyorgy@0 174
daniele@11 175 <form name = "attribute8" id="a8">
daniele@11 176 <input type="radio" name="cat" value="bus">bus
daniele@11 177 <input type="radio" name="cat" value="busy street">busy street
daniele@11 178 <input type="radio" name="cat" value="office">office
daniele@11 179 <input type="radio" name="cat" value="open air market">open air market
daniele@11 180 <input type="radio" name="cat" value="park">park <br>
daniele@11 181 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 182 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 183 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 184 <input type="radio" name="cat" value="tube">tube
daniele@11 185 <input type="radio" name="cat" value="tube station">tube station
daniele@11 186 </form>
gyorgy@0 187 <br>
gyorgy@0 188
daniele@11 189 <audio id="audio player 9" controls>
daniele@11 190 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/busystreet/busystreet07.wav" type="audio/wav">
daniele@11 191 </audio>
gyorgy@0 192
daniele@11 193 <form name = "attribute9" id="a9">
daniele@11 194 <input type="radio" name="cat" value="bus">bus
daniele@11 195 <input type="radio" name="cat" value="busy street">busy street
daniele@11 196 <input type="radio" name="cat" value="office">office
daniele@11 197 <input type="radio" name="cat" value="open air market">open air market
daniele@11 198 <input type="radio" name="cat" value="park">park <br>
daniele@11 199 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 200 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 201 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 202 <input type="radio" name="cat" value="tube">tube
daniele@11 203 <input type="radio" name="cat" value="tube station">tube station
daniele@11 204 </form>
gyorgy@0 205 <br>
gyorgy@0 206
daniele@11 207 <audio id="audio player 10" controls>
daniele@11 208 <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/quietstreet/quietstreet09.wav" type="audio/wav">
daniele@11 209 </audio>
gyorgy@0 210
daniele@11 211 <form name = "attribute10" id="a10">
daniele@11 212 <input type="radio" name="cat" value="bus">bus
daniele@11 213 <input type="radio" name="cat" value="busy street">busy street
daniele@11 214 <input type="radio" name="cat" value="office">office
daniele@11 215 <input type="radio" name="cat" value="open air market">open air market
daniele@11 216 <input type="radio" name="cat" value="park">park <br>
daniele@11 217 <input type="radio" name="cat" value="quiet street">quiet street
daniele@11 218 <input type="radio" name="cat" value="restaurant">restaurant
daniele@11 219 <input type="radio" name="cat" value="supermarket">supermarket
daniele@11 220 <input type="radio" name="cat" value="tube">tube
daniele@11 221 <input type="radio" name="cat" value="tube station">tube station
daniele@11 222 </form>
gyorgy@0 223 <br>
gyorgy@0 224
daniele@11 225 <input type="hidden" name="pageId" value="1">
daniele@11 226 <input type="hidden" name="sessionId" value="559292c4bd8c4ea35e5d5984fc1f355fe079927b">
daniele@11 227
daniele@11 228 <input type="submit" value="submit" name="submitButton"/>
daniele@11 229
gyorgy@0 230 </form>
daniele@11 231
daniele@11 232 <script language="JavaScript" type="text/javascript"
daniele@11 233 xml:space="preserve">//<![CDATA[
daniele@11 234 var frmvalidator = new Validator("attributes");
gyorgy@0 235
daniele@11 236 frmvalidator.addValidation("attribute1","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 237 frmvalidator.addValidation("attribute2","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 238 frmvalidator.addValidation("attribute3","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 239 frmvalidator.addValidation("attribute4","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 240 frmvalidator.addValidation("attribute5","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 241 frmvalidator.addValidation("attribute6","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 242 frmvalidator.addValidation("attribute7","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 243 frmvalidator.addValidation("attribute8","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 244 frmvalidator.addValidation("attribute9","dontselect=0", "Please select at least one main attribute for each item");
daniele@11 245 frmvalidator.addValidation("attribute10","dontselect=0", "Please select at least one main attribute for each item");
gyorgy@0 246
daniele@11 247 //]]></script>
daniele@11 248
daniele@11 249 </div>
daniele@11 250
daniele@11 251 </div>
daniele@11 252
daniele@11 253 </body>
gyorgy@0 254
gyorgy@0 255 <script>
gyorgy@0 256 $('audio,video').mediaelementplayer();
gyorgy@0 257 </script>
daniele@11 258 </html>