Mercurial > hg > env-test-daniele
changeset 11:15260ae0d6bc
• 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 | 9ab73065952b |
| children | 8a595d55e245 8498a7b84ff1 |
| files | cherryFxTest.py templates.py test.html |
| diffstat | 3 files changed, 426 insertions(+), 2042 deletions(-) [+] |
line wrap: on
line diff
--- a/cherryFxTest.py Wed Mar 06 18:01:13 2013 +0000 +++ b/cherryFxTest.py Mon Mar 11 13:31:44 2013 +0000 @@ -1,4 +1,3 @@ - import cherrypy, os, random, smtplib, string from cherrypy.lib.static import serve_file from templates import * @@ -28,22 +27,19 @@ class HomePage: def index(self): - return "move along, nothing to see here!" + return "This is the home page..." index.exposed = True - - class TestPage: - def getFiles(self): - audiodir = './audio' - cherrypy.session['fxs'] = [cherrypy.session['f'] for cherrypy.session['f'] in os.listdir(audiodir) if os.path.isdir(os.path.join(audiodir, cherrypy.session['f']))] - cherrypy.session['fxs'].remove('dry') - print cherrypy.session['fxs'] + def getAASPFiles(self): + audioDir = '/Users/daniele/Documents/AASPChallenge/survey/AASPAudio' + cherrypy.session['cats'] = [cherrypy.session['f'] for cherrypy.session['f'] in os.listdir(audioDir) if os.path.isdir(os.path.join(audioDir,cherrypy.session['f']))] + print cherrypy.session['cats'] def index(self): - TestPage.getFiles(self) + TestPage.getAASPFiles(self) cherrypy.session['sid'] = None cherrypy.session['sid_filename'] = None @@ -60,7 +56,7 @@ cherrypy.session['results'] = None cherrypy.session['tests'] = None cherrypy.session['test_nr'] = None - cherrypy.session['audio_pairs'] = None + cherrypy.session['audio'] = None cherrypy.session['page'] = 0 cherrypy.session['pages'] = 6 cherrypy.session['userinfobox'] = None @@ -72,41 +68,28 @@ #take 2 examples for each effect - cherrypy.session['audio_pairs'] = [] + cherrypy.session['audio'] = [] # get effected files: + cherrypy.session['audio'] = [] + for cherrypy.session['cat'] in cherrypy.session['cats']: + cherrypy.session['dirlist'] = os.listdir('/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s/'%cherrypy.session['cat']) + for cherrypy.session['item'] in cherrypy.session['dirlist']: + if cherrypy.session['item'].split('.')[-1] == 'wav': + cherrypy.session['audio'].append(cherrypy.session['cat'] + '/' + cherrypy.session['item'].split('.')[0]) - for cherrypy.session['fx'] in cherrypy.session['fxs']: - cherrypy.session['dirlist'] = os.listdir('./audio/%s/'%cherrypy.session['fx']) - cherrypy.session['filelist'] = [] - for cherrypy.session['item'] in cherrypy.session['dirlist']: - if cherrypy.session['item'].split('.')[-1] == 'mp3': - cherrypy.session['filelist'].append(cherrypy.session['item'].split('.')[0]) - - # create audio pairs for this fx - - cherrypy.session['first'] = cherrypy.session['second'] = random.choice(cherrypy.session['filelist']) - while cherrypy.session['first'] == cherrypy.session['second']: - cherrypy.session['second'] = random.choice(cherrypy.session['filelist']) - - cherrypy.session['dry1'] = 'dry/%s' %cherrypy.session['first'].split('_%s'%cherrypy.session['fx'])[0] - cherrypy.session['fx1'] = '%s/%s' %(cherrypy.session['fx'], cherrypy.session['first']) - cherrypy.session['dry2'] = 'dry/%s' %cherrypy.session['second'].split('_%s'%cherrypy.session['fx'])[0] - cherrypy.session['fx2'] = '%s/%s' %(cherrypy.session['fx'], cherrypy.session['second']) - cherrypy.session['audio_pairs'].append([cherrypy.session['fx'], cherrypy.session['dry1'], cherrypy.session['fx1']]) - cherrypy.session['audio_pairs'].append([cherrypy.session['fx'], cherrypy.session['dry2'], cherrypy.session['fx2']]) - #print TestPage.audio_pairs - random.shuffle(cherrypy.session['audio_pairs']) + #print TestPage.audio + random.shuffle(cherrypy.session['audio']) print "NUMBER OF TESTS:" - print len(cherrypy.session['audio_pairs']) + print len(cherrypy.session['audio']) cherrypy.session['sid'] = cherrypy.session.get_session_path().split('/')[1] print cherrypy.session['sid'] - #print cherrypy.session['audio_pairs'] - pprint(cherrypy.session['audio_pairs']) + #print cherrypy.session['audio'] + pprint(cherrypy.session['audio']) TestPage.outfileid = '%s' %cherrypy.session['sid'] @@ -119,7 +102,7 @@ return welcome_templ %cherrypy.session['sid'] - def doStart(self, pageId, sessionId, startButton, uinfo00=None, uinfo01=None, uinfo02=None, info1=None, info2=None, info3=None, info4=None, info5=None): + def doStart(self, pageId, sessionId, startButton, uinfo00=None, uinfo01=None, info1=None): @@ -134,7 +117,7 @@ - cherrypy.session['userinfobox'] = str([str(uinfo00), str(uinfo01), str(uinfo02), int(info1), int(info2), int(info3), int(info4), int(info5)]) + '\n' + cherrypy.session['userinfobox'] = str([str(uinfo00), str(uinfo01), int(info1)]) + '\n' cherrypy.session['sessionId'] = sessionId #print "sid:" #print TestPage.sid @@ -151,19 +134,19 @@ #except: pass cherrypy.session['page'] = 1 - cherrypy.session['pages'] = 7 - cherrypy.session['tests'] = len(cherrypy.session['audio_pairs']) #should be 66 #10 * cherrypy.session['pages'] + cherrypy.session['pages'] = 10 + cherrypy.session['tests'] = len(cherrypy.session['audio']) #should be 66 #10 * cherrypy.session['pages'] cherrypy.session['results'] = [] - for cherrypy.session['n'] in xrange(cherrypy.session['tests']): cherrypy.session['results'].append([None,0,0,0,0]) + for cherrypy.session['n'] in xrange(cherrypy.session['tests']): cherrypy.session['results'].append([None]) # create tuple to fill template cherrypy.session['ts'] = [] - for cherrypy.session['k'] in xrange(40): + for cherrypy.session['k'] in xrange(10): cherrypy.session['ts'].append(0) return audiotempl%TestPage.makeTuple(self, 10) - def doAttrib(self, pageId, sessionId, submitButton, attribute1_1=None, attribute1_2=None, attribute1_3=None, attribute1_4=None, attribute2_1=None, attribute2_2=None, attribute2_3=None, attribute2_4=None, attribute3_1=None, attribute3_2=None, attribute3_3=None, attribute3_4=None, attribute4_1=None, attribute4_2=None, attribute4_3=None, attribute4_4=None, attribute5_1=None, attribute5_2=None, attribute5_3=None, attribute5_4=None, attribute6_1=None, attribute6_2=None, attribute6_3=None, attribute6_4=None, attribute7_1=None, attribute7_2=None, attribute7_3=None, attribute7_4=None, attribute8_1=None, attribute8_2=None, attribute8_3=None, attribute8_4=None, attribute9_1=None, attribute9_2=None, attribute9_3=None, attribute9_4=None, attribute10_1=None, attribute10_2=None, attribute10_3=None, attribute10_4=None): + def doAttrib(self, pageId, sessionId, submitButton, attribute1=None, attribute2=None, attribute3=None, attribute4=None, attribute5=None, attribute6=None, attribute7=None, attribute8=None, attribute9=None, attribute10=None): #print attribute1 + ' ' + attribute2 # Error check @@ -182,16 +165,16 @@ cherrypy.session['pos'] = 10 * (cherrypy.session['page'] - 1) - cherrypy.session['results'][cherrypy.session['pos']] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']][2].split('/')[-1], int(attribute1_1), int(attribute1_2), int(attribute1_3), int(attribute1_4)] - cherrypy.session['results'][cherrypy.session['pos']+1] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+1][2].split('/')[-1], int(attribute2_1), int(attribute2_2), int(attribute2_3), int(attribute2_4)] - cherrypy.session['results'][cherrypy.session['pos']+2] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+2][2].split('/')[-1], int(attribute3_1), int(attribute3_2), int(attribute3_3), int(attribute3_4)] - cherrypy.session['results'][cherrypy.session['pos']+3] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+3][2].split('/')[-1], int(attribute4_1), int(attribute4_2), int(attribute4_3), int(attribute4_4)] - cherrypy.session['results'][cherrypy.session['pos']+4] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+4][2].split('/')[-1], int(attribute5_1), int(attribute5_2), int(attribute5_3), int(attribute5_4)] - cherrypy.session['results'][cherrypy.session['pos']+5] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+5][2].split('/')[-1], int(attribute6_1), int(attribute6_2), int(attribute6_3), int(attribute6_4)] - cherrypy.session['results'][cherrypy.session['pos']+6] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+6][2].split('/')[-1], int(attribute7_1), int(attribute7_2), int(attribute7_3), int(attribute7_4)] - cherrypy.session['results'][cherrypy.session['pos']+7] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+7][2].split('/')[-1], int(attribute8_1), int(attribute8_2), int(attribute8_3), int(attribute8_4)] - cherrypy.session['results'][cherrypy.session['pos']+8] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+8][2].split('/')[-1], int(attribute9_1), int(attribute9_2), int(attribute9_3), int(attribute9_4)] - cherrypy.session['results'][cherrypy.session['pos']+9] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+9][2].split('/')[-1], int(attribute10_1), int(attribute10_2), int(attribute10_3), int(attribute10_4)] + cherrypy.session['results'][cherrypy.session['pos']] = [cherrypy.session['audio'][cherrypy.session['pos']][2].split('/')[-1], int(attribute1)] + cherrypy.session['results'][cherrypy.session['pos']+1] = [cherrypy.session['audio'][cherrypy.session['pos']+1][2].split('/')[-1], int(attribute2)] + cherrypy.session['results'][cherrypy.session['pos']+2] = [cherrypy.session['audio'][cherrypy.session['pos']+2][2].split('/')[-1], int(attribute3)] + cherrypy.session['results'][cherrypy.session['pos']+3] = [cherrypy.session['audio'][cherrypy.session['pos']+3][2].split('/')[-1], int(attribute4)] + cherrypy.session['results'][cherrypy.session['pos']+4] = [cherrypy.session['audio'][cherrypy.session['pos']+4][2].split('/')[-1], int(attribute5)] + cherrypy.session['results'][cherrypy.session['pos']+5] = [cherrypy.session['audio'][cherrypy.session['pos']+5][2].split('/')[-1], int(attribute6)] + cherrypy.session['results'][cherrypy.session['pos']+6] = [cherrypy.session['audio'][cherrypy.session['pos']+6][2].split('/')[-1], int(attribute7)] + cherrypy.session['results'][cherrypy.session['pos']+7] = [cherrypy.session['audio'][cherrypy.session['pos']+7][2].split('/')[-1], int(attribute8)] + cherrypy.session['results'][cherrypy.session['pos']+8] = [cherrypy.session['audio'][cherrypy.session['pos']+8][2].split('/')[-1], int(attribute9)] + cherrypy.session['results'][cherrypy.session['pos']+9] = [cherrypy.session['audio'][cherrypy.session['pos']+9][2].split('/')[-1], int(attribute10)] resString = cherrypy.session['ip'] + '\n' + TestPage.outfileid + '\n' + cherrypy.session['userinfobox'] + '\n' + ',\n'.join(str(x) for x in cherrypy.session['results']) @@ -219,10 +202,7 @@ #print cherrypy.session['i'] cherrypy.session['ts'].append(cherrypy.session['results'][cherrypy.session['npos']+cherrypy.session['k']][cherrypy.session['i']+1]) - if cherrypy.session['page'] < cherrypy.session['pages']: - return audiotempl%TestPage.makeTuple(self, cherrypy.session['m']) - else: - return audiotemplast%TestPage.makeTuple(self, cherrypy.session['m']) + return audiotempl%TestPage.makeTuple(self, cherrypy.session['m']) index.exposed = True @@ -231,7 +211,7 @@ doStart.exposed = True - def doAttrib2(self, pageId, sessionId, submitButton, attribute1_1=None, attribute1_2=None, attribute1_3=None, attribute1_4=None, attribute2_1=None, attribute2_2=None, attribute2_3=None, attribute2_4=None, attribute3_1=None, attribute3_2=None, attribute3_3=None, attribute3_4=None, attribute4_1=None, attribute4_2=None, attribute4_3=None, attribute4_4=None, attribute5_1=None, attribute5_2=None, attribute5_3=None, attribute5_4=None, attribute6_1=None, attribute6_2=None, attribute6_3=None, attribute6_4=None): + def doAttrib2(self, pageId, sessionId, submitButton, attribute1=None, attribute2=None, attribute3=None, attribute4=None, attribute5=None, attribute6=None): #print attribute1 + ' ' + attribute2 # Error check @@ -250,12 +230,12 @@ cherrypy.session['pos'] = 10 * (cherrypy.session['page'] - 1) - cherrypy.session['results'][cherrypy.session['pos']] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']][2].split('/')[-1], int(attribute1_1), int(attribute1_2), int(attribute1_3), int(attribute1_4)] - cherrypy.session['results'][cherrypy.session['pos']+1] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+1][2].split('/')[-1], int(attribute2_1), int(attribute2_2), int(attribute2_3), int(attribute2_4)] - cherrypy.session['results'][cherrypy.session['pos']+2] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+2][2].split('/')[-1], int(attribute3_1), int(attribute3_2), int(attribute3_3), int(attribute3_4)] - cherrypy.session['results'][cherrypy.session['pos']+3] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+3][2].split('/')[-1], int(attribute4_1), int(attribute4_2), int(attribute4_3), int(attribute4_4)] - cherrypy.session['results'][cherrypy.session['pos']+4] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+4][2].split('/')[-1], int(attribute5_1), int(attribute5_2), int(attribute5_3), int(attribute5_4)] - cherrypy.session['results'][cherrypy.session['pos']+5] = [cherrypy.session['audio_pairs'][cherrypy.session['pos']+5][2].split('/')[-1], int(attribute6_1), int(attribute6_2), int(attribute6_3), int(attribute6_4)] + cherrypy.session['results'][cherrypy.session['pos']] = [cherrypy.session['audio'][cherrypy.session['pos']][2].split('/')[-1], int(attribute1)] + cherrypy.session['results'][cherrypy.session['pos']+1] = [cherrypy.session['audio'][cherrypy.session['pos']+1][2].split('/')[-1], int(attribute2)] + cherrypy.session['results'][cherrypy.session['pos']+2] = [cherrypy.session['audio'][cherrypy.session['pos']+2][2].split('/')[-1], int(attribute3)] + cherrypy.session['results'][cherrypy.session['pos']+3] = [cherrypy.session['audio'][cherrypy.session['pos']+3][2].split('/')[-1], int(attribute4)] + cherrypy.session['results'][cherrypy.session['pos']+4] = [cherrypy.session['audio'][cherrypy.session['pos']+4][2].split('/')[-1], int(attribute5)] + cherrypy.session['results'][cherrypy.session['pos']+5] = [cherrypy.session['audio'][cherrypy.session['pos']+5][2].split('/')[-1], int(attribute6)] @@ -305,8 +285,7 @@ for cherrypy.session['k'] in xrange(cherrypy.session['nr']): pos = 10 * (cherrypy.session['page'] - 1) + cherrypy.session['k'] #print pos - for n in xrange(3): cherrypy.session['ts'].append(cherrypy.session['audio_pairs'][pos][1]) - for n in xrange(3): cherrypy.session['ts'].append(cherrypy.session['audio_pairs'][pos][2]) + cherrypy.session['ts'].append(cherrypy.session['audio'][pos]) cherrypy.session['ts'].append(cherrypy.session['page']) cherrypy.session['ts'].append(cherrypy.session['sid']) cherrypy.session['ts'] = tuple(cherrypy.session['ts']) @@ -357,9 +336,6 @@ return ''' <html> <body> - <div id="video"> - <embed id="roll-video" src="http://www.dafk.net/what/ilovethe80s.swf" width="400" height="300"></embed> - </div> </body> </html> @@ -413,8 +389,7 @@ # Of course we can also mount request handler objects right here! root = HomePage() root.test = TestPage() - root.daniele = TestPage() - root.out = OutPage() + #root.out = OutPage() #root = TestPage() server = CherryPyServer(ServerConfig(root=root,local=local,conf=conf)) @@ -435,5 +410,4 @@ startFxTest(sys.argv[1:]) else: # This branch is for the test suite; you can ignore it. - cherrypy.tree.mount(root, config=tutconf) - + cherrypy.tree.mount(root, config=tutconf) \ No newline at end of file
--- a/templates.py Wed Mar 06 18:01:13 2013 +0000 +++ b/templates.py Mon Mar 11 13:31:44 2013 +0000 @@ -1,6 +1,4 @@ - audiotempl= ''' - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> @@ -8,773 +6,222 @@ <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" > - <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css" TITLE="combined" /> - <link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined"> + <! link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <title>Digital Audio FX Perceptual Attributes</title> + <title>Audio Environment Classification</title> <script src="../build/jquery.js"></script> - <script src="../build/mediaelement-and-player.min.js"></script> + <!script src="../build/mediaelement-and-player.min.js"></script> <script language = "JavaScript"> window.onload = function () { - - document.getElementById("a1_1")[%i].selected = true; - document.getElementById("a1_2")[%i].selected = true; - document.getElementById("a1_3")[%i].selected = true; - document.getElementById("a1_4")[%i].selected = true; - - document.getElementById("a2_1")[%i].selected = true; - document.getElementById("a2_2")[%i].selected = true; - document.getElementById("a2_3")[%i].selected = true; - document.getElementById("a2_4")[%i].selected = true; - - document.getElementById("a3_1")[%i].selected = true; - document.getElementById("a3_2")[%i].selected = true; - document.getElementById("a3_3")[%i].selected = true; - document.getElementById("a3_4")[%i].selected = true; - - document.getElementById("a4_1")[%i].selected = true; - document.getElementById("a4_2")[%i].selected = true; - document.getElementById("a4_3")[%i].selected = true; - document.getElementById("a4_4")[%i].selected = true; - - document.getElementById("a5_1")[%i].selected = true; - document.getElementById("a5_2")[%i].selected = true; - document.getElementById("a5_3")[%i].selected = true; - document.getElementById("a5_4")[%i].selected = true; - - document.getElementById("a6_1")[%i].selected = true; - document.getElementById("a6_2")[%i].selected = true; - document.getElementById("a6_3")[%i].selected = true; - document.getElementById("a6_4")[%i].selected = true; - - document.getElementById("a7_1")[%i].selected = true; - document.getElementById("a7_2")[%i].selected = true; - document.getElementById("a7_3")[%i].selected = true; - document.getElementById("a7_4")[%i].selected = true; - - document.getElementById("a8_1")[%i].selected = true; - document.getElementById("a8_2")[%i].selected = true; - document.getElementById("a8_3")[%i].selected = true; - document.getElementById("a8_4")[%i].selected = true; - - document.getElementById("a9_1")[%i].selected = true; - document.getElementById("a9_2")[%i].selected = true; - document.getElementById("a9_3")[%i].selected = true; - document.getElementById("a9_4")[%i].selected = true; - - document.getElementById("a10_1")[%i].selected = true; - document.getElementById("a10_2")[%i].selected = true; - document.getElementById("a10_3")[%i].selected = true; - document.getElementById("a10_4")[%i].selected = true; - - + document.getElementById("a1")[%i].selected = true; + document.getElementById("a2")[%i].selected = true; + document.getElementById("a3")[%i].selected = true; + document.getElementById("a4")[%i].selected = true; + document.getElementById("a5")[%i].selected = true; + document.getElementById("a6")[%i].selected = true; + document.getElementById("a7")[%i].selected = true; + document.getElementById("a8")[%i].selected = true; + document.getElementById("a9")[%i].selected = true; + document.getElementById("a10")[%i].selected = true; } </script> <script language="JavaScript" src="../js/gen_validatorv4.js" type="text/javascript" xml:space="preserve"></script> - </head> <body> -<div id="mainPicture"> - <div class="picture"> - <div id="headerTitle">Digital Audio FX</div> - <div id="headerSubtext">Perceptual Attributes Listening Test</div> - </div> - </div> - <div class="contentBox"> - - - - <h3 id="test 1">%i/%i</h3><br> - <h4> Please play the two sounds one after the other.</h4> -<h4>Indicate in the menus below the audio players which perceptual attribute is affected mainly by the DAFx.</h4><br> -<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> -<br> - - - + <h4>Please play the sounds and indicate where they have been recorded </h4> <form name="attributes" action="doAttrib" method="POST"> -<audio id="audio player 1_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 1_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> +<audio id="audio player 1" controls> + <source src="../AASPAudio/%s.wav" type="audio/wav"> </audio> -<div class="selects"> -main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute1_1" id="a1_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute1_2" id="a1_2"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute1_3" id="a1_3"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute1_4" id="a1_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> - +<form name = "attribute1" id="a1"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<audio id="audio player 2_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> +<audio id="audio player 2" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> </audio> -<audio id="audio player 2_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute2_1" id="a2_1"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute2_2" id="a2_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute2_3" id="a2_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute2_4" id="a2_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> -</div> +<form name = "attribute2" id="a2"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> +<audio id="audio player 3" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> +</audio> -<audio id="audio player 3_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 3_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute3_1" id="a3_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute3_2" id="a3_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute3_3" id="a3_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute3_4" id="a3_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - - -</p> -<br> -</div> -<audio id="audio player 4_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 4_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute4_1" id="a4_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute4_2" id="a4_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute4_3" id="a4_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute4_4" id="a4_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - - -</p> -</div> +<form name = "attribute3" id="a3"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<audio id="audio player 5_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> +<audio id="audio player 4" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> </audio> -<audio id="audio player 5_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute5_1" id="a5_1"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute5_2" id="a5_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute5_3" id="a5_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute5_4" id="a5_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> +<form name = "attribute4" id="a4"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<audio id="audio player 6_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> +<audio id="audio player 5" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> </audio> -<audio id="audio player 6_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute6_1" id="a6_1"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute6_2" id="a6_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute6_3" id="a6_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute6_4" id="a6_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> +<form name = "attribute5" id="a5"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<audio id="audio player 7_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> +<audio id="audio player 6" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> </audio> -<audio id="audio player 7_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute7_1" id="a7_1"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute7_2" id="a7_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute7_3" id="a7_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute7_4" id="a7_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> +<form name = "attribute6" id="a6"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<audio id="audio player 8_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> +<audio id="audio player 7" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> </audio> -<audio id="audio player 8_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute8_1" id="a8_1"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute8_2" id="a8_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute8_3" id="a8_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute8_4" id="a8_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> +<form name = "attribute7" id="a7"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<audio id="audio player 9_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> +<audio id="audio player 8" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> </audio> -<audio id="audio player 9_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute9_1" id="a9_1"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute9_2" id="a9_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute9_3" id="a9_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute9_4" id="a9_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> +<form name = "attribute8" id="a8"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<audio id="audio player 10_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> +<audio id="audio player 9" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> </audio> -<audio id="audio player 10_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> + +<form name = "attribute9" id="a9"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> +<br> + +<audio id="audio player 10" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/%s.wav" type="audio/wav"> </audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute10_1" id="a10_1"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> +<form name = "attribute10" id="a10"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> +<br> -<select name="attribute10_2" id="a10_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute10_3" id="a10_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute10_4" id="a10_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - - -</p> -<br> <input type="hidden" name="pageId" value="%i"> <input type="hidden" name="sessionId" value="%s"> @@ -786,16 +233,16 @@ xml:space="preserve">//<![CDATA[ var frmvalidator = new Validator("attributes"); - frmvalidator.addValidation("attribute1_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute2_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute3_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute4_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute5_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute6_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute7_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute8_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute9_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute10_1","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute1","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute2","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute3","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute4","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute5","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute6","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute7","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute8","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute9","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute10","dontselect=0", "Please select at least one main attribute for each item"); //]]></script> @@ -812,7 +259,6 @@ ''' welcome_templ= ''' - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> @@ -820,41 +266,19 @@ <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" > - <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <title>Digital Audio FX Perceptual Attributes</title> - - - - + <title>Environment Classification</title> <script language="JavaScript" src="../js/gen_validatorv4.js" type="text/javascript" xml:space="preserve"></script> </head> <body> - <div id="mainPicture"> <div class="picture"> - <div id="headerTitle">Digital Audio FX</div> - <div id="headerSubtext">Perceptual Attributes Listening Test</div> - </div> + <div id="headerTitle">Environment Classification - Listening test</div> </div> <div class="contentBox"> - <h2>Welcome!</h2><br /> - <div align="justify"> - <p> - 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 /> - <img width=25px height=0px src='/images/spacer.gif'> - 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 /> - <img width=25px height=0px src='/images/spacer.gif'> - 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 /> - - Before you begin, please give us some brief information about yourself and your musical or audio related background below. - </p> </div> - - <br /> <br /> - - + <br /> <br /> <form name="userinfos" action="doStart" method="POST"> <div class="selects"> @@ -876,63 +300,9 @@ <option value="7">> 74</option> </select> <br /><br /> - -Sex<br /> -<select name="uinfo02" id="uinfo02"> - <option value="0"></option> - <option value="1">female</option> - <option value="2">male</option> -</select> - - -<br /><br /><br /> - -Rate your expertise on the following topics: -<br /><br /> -Audio Production<br /> -<select name="info1" id="info1"> - <option value="0"></option> - <option value="1">not familiar</option> - <option value="2">somewhat familiar</option> - <option value="3">very familiar</option> - <option value="4">expert</option> -</select> -<br /><br /> -Electronic Music Composition<br /> -<select name="info2" id="info2"> - <option value="0"></option> - <option value="1">not familiar</option> - <option value="2">somewhat familiar</option> - <option value="3">very familiar</option> - <option value="4">expert</option> -</select> - -<br /><br /> -Playing a Musical Instrument<br /> -<select name="info3" id="info3"> - <option value="0"></option> - <option value="1">not familiar</option> - <option value="2">somewhat familiar</option> - <option value="3">very familiar</option> - <option value="4">expert</option> - -</select> - -<br /><br /> -Audio Digital Signal Processing<br /> -<select name="info4" id="info4"> - <option value="0"></option> - <option value="1">not familiar</option> - <option value="2">somewhat familiar</option> - <option value="3">very familiar</option> - <option value="4">expert</option> - -</select> - -<br /><br /> 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: <br /> -<select name="info5" id="info5"> +<select name="info1" id="info1"> <option value="0"></option> <option value="1">high quality headphones</option> <option value="2">low quality headphones</option> @@ -940,10 +310,6 @@ <option value="4">loudspeakers / semi-professional studio</option> <option value="5">hifi speakers / home</option> </select> - -<br /> -<br /> -<h4>Please note that HTML5 support is limited on this website and ADOBE FLASH is recommended</h4> <input type="hidden" name="pageId" value="0"> <input type="hidden" name="sessionId" value="%s"> <input type="submit" value="submit" name="startButton"> @@ -958,13 +324,8 @@ frmvalidator.addValidation("uinfo00","maxlen=20", "Max length for username is 20"); frmvalidator.addValidation("uinfo00","minlen=3", "Min length for username is 3"); frmvalidator.addValidation("uinfo01","dontselect=0", "Please specify all information"); - frmvalidator.addValidation("uinfo02","dontselect=0", "Please specify all information"); frmvalidator.addValidation("info1","dontselect=0", "Please specify all information"); - frmvalidator.addValidation("info2","dontselect=0", "Please specify all information"); - frmvalidator.addValidation("info3","dontselect=0", "Please specify all information"); - frmvalidator.addValidation("info4","dontselect=0", "Please specify all information"); - frmvalidator.addValidation("info5","dontselect=0", "Please specify all information"); //]]></script> @@ -979,532 +340,6 @@ </html> ''' - - - -audiotemplast = ''' - -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - -<html lang="en" dir="ltr"> - -<head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" > - <link rel="stylesheet" type="text/css" href="../htempl/barrensa.css" TITLE="combined" /> - <link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined"> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <title>Digital Audio FX Perceptual Attributes</title> - - <script src="../build/jquery.js"></script> - <script src="../build/mediaelement-and-player.min.js"></script> - - - <script language = "JavaScript"> - - window.onload = function () { - - document.getElementById("a1_1")[%i].selected = true; - document.getElementById("a1_2")[%i].selected = true; - document.getElementById("a1_3")[%i].selected = true; - document.getElementById("a1_4")[%i].selected = true; - - document.getElementById("a2_1")[%i].selected = true; - document.getElementById("a2_2")[%i].selected = true; - document.getElementById("a2_3")[%i].selected = true; - document.getElementById("a2_4")[%i].selected = true; - - document.getElementById("a3_1")[%i].selected = true; - document.getElementById("a3_2")[%i].selected = true; - document.getElementById("a3_3")[%i].selected = true; - document.getElementById("a3_4")[%i].selected = true; - - document.getElementById("a4_1")[%i].selected = true; - document.getElementById("a4_2")[%i].selected = true; - document.getElementById("a4_3")[%i].selected = true; - document.getElementById("a4_4")[%i].selected = true; - - document.getElementById("a5_1")[%i].selected = true; - document.getElementById("a5_2")[%i].selected = true; - document.getElementById("a5_3")[%i].selected = true; - document.getElementById("a5_4")[%i].selected = true; - - document.getElementById("a6_1")[%i].selected = true; - document.getElementById("a6_2")[%i].selected = true; - document.getElementById("a6_3")[%i].selected = true; - document.getElementById("a6_4")[%i].selected = true; - - } - - </script> - - <script language="JavaScript" src="/js/gen_validatorv4.js" - type="text/javascript" xml:space="preserve"></script> - -</head> - -<body> - -<div id="mainPicture"> - <div class="picture"> - <div id="headerTitle">Digital Audio FX</div> - <div id="headerSubtext">Perceptual Attributes Listening Test</div> - </div> - </div> - <div class="contentBox"> - - - - - <h3 id="test 1">%i/%i</h3><br> - <h4> Please play the two sounds one after the other.</h4> - <h4>Indicate in the menus below the audio players which perceptual attribute is affected mainly by the DAFx.</h4><br> - <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> - <br> - - -<form name="attributes" action="doAttrib2" method="POST"> - -<audio id="audio player 1_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 1_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> - -<div class="selects"> -main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute1_1" id="a1_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute1_2" id="a1_2"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute1_3" id="a1_3"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute1_4" id="a1_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - - - -</p> -</div> - -<br> - -<audio id="audio player 2_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 2_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute2_1" id="a2_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute2_2" id="a2_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute2_3" id="a2_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute2_4" id="a2_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> -<br> - - -<audio id="audio player 3_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 3_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute3_1" id="a3_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute3_2" id="a3_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute3_3" id="a3_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute3_4" id="a3_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -<br> -</div> -<audio id="audio player 4_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 4_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute4_1" id="a4_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute4_2" id="a4_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute4_3" id="a4_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute4_4" id="a4_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> -<br> - -<audio id="audio player 5_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 5_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute5_1" id="a5_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute5_2" id="a5_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute5_3" id="a5_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute5_4" id="a5_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -</p> -</div> -<br> - -<audio id="audio player 6_1" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<audio id="audio player 6_2" controls> - <source src="../audio/%s.mp3" type="audio/mpeg" /> - <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> -</audio> -<div class="selects"> -<p>main:<img width=1px height=0px src='/images/spacer.gif'> -<select name="attribute6_1" id="a6_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute6_2" id="a6_2"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute6_3" id="a6_3"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - -<select name="attribute6_4" id="a6_4"> - <option value="0"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre/quality</option> - <option value="8">none/unknown</option> -</select> - - -</p> -<br> - <input type="hidden" name="pageId" value="%i"> - <input type="hidden" name="sessionId" value="%s"> - - <input type="submit" value="submit" name="submitButton"/> - - </form> - - <script language="JavaScript" type="text/javascript" - xml:space="preserve">//<![CDATA[ - var frmvalidator = new Validator("attributes"); - - frmvalidator.addValidation("attribute1_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute2_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute3_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute4_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute5_1","dontselect=0", "Please select at least one main attribute for each item"); - frmvalidator.addValidation("attribute6_1","dontselect=0", "Please select at least one main attribute for each item"); - - - //]]></script> - </div> - - </div> - -</body> - -<script> -$('audio,video').mediaelementplayer(); -</script> -</html> -''' - - - - - - endtempl = ''' <!DOCTYPE html> <html lang="en" dir="ltr">
--- a/test.html Wed Mar 06 18:01:13 2013 +0000 +++ b/test.html Mon Mar 11 13:31:44 2013 +0000 @@ -1,683 +1,258 @@ -<!DOCTYPE html> -<html dir="ltr" lang="en"><head> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <title>Digital Audio FX Perceptual Attributes</title> + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + +<html lang="en" dir="ltr"> + +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" > + <! link rel="stylesheet" href="../build/mediaelementplayer.min.css" TITLE="combined"> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>Audio Environment Classification</title> - <script src="test_files/jquery.js"></script> - <script src="test_files/mediaelement-and-player.js"></script> - <link rel="stylesheet" href="test_files/mediaelementplayer.css"> + <script src="../build/jquery.js"></script> + <!script src="../build/mediaelement-and-player.min.js"></script> + + <script language = "JavaScript"> - <script language = "JavaScript"> window.onload = function () { - document.getElementById("a1_1_2").selected = true; - document.getElementById("a1_2")[3].selected = true; + document.getElementById("a1")[0].selected = true; + document.getElementById("a2")[0].selected = true; + document.getElementById("a3")[0].selected = true; + document.getElementById("a4")[0].selected = true; + document.getElementById("a5")[0].selected = true; + document.getElementById("a6")[0].selected = true; + document.getElementById("a7")[0].selected = true; + document.getElementById("a8")[0].selected = true; + document.getElementById("a9")[0].selected = true; + document.getElementById("a10")[0].selected = true; } - </script> - - - - + <script language="JavaScript" src="../js/gen_validatorv4.js" + type="text/javascript" xml:space="preserve"></script> </head> <body> - <h2 id="test 1">Test 1/4</h2> - <h3> Play the two sounds one after the other.</h3> + <h3 id="test 1">1/10</h3><br> + <h4>Please play the sounds and indicate where they have been recorded </h4> <form name="attributes" action="doAttrib" method="POST"> -<div style="width: 400px; height: 30px;" id="mep_0" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_0" name="me_flash_0" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_0&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_Strummed_Acoustic_08.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 1_1"> - <source src="test_files/_Strummed_Acoustic_08.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_Strummed_Acoustic_08.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_Strummed_Acoustic_08.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:02</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span style="width: 266px;" class="mejs-time-loaded"></span><span style="width: 89.2162px;" class="mejs-time-current"></span><span style="left: 82.2162px;" class="mejs-time-handle"></span><span style="left: 258.483px;" class="mejs-time-float"><span class="mejs-time-float-current">00:08</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:08</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_1" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_1" name="me_flash_1" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_1&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fpan%2F_Strummed_Acoustic_08_pan.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 1_2"> - <source src="test_files/_Strummed_Acoustic_08_pan.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/pan/_Strummed_Acoustic_08_pan.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/pan/_Strummed_Acoustic_08_pan.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 1" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/park/park07.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute1_1"> - - <option value="0"></option> - <option value="1">duration</option> - <option value="2"id="a1_1_2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute1_2" id="a1_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> - -<select name="attribute1_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute1_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute1" id="a1"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<div style="width: 400px; height: 30px;" id="mep_2" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_2" name="me_flash_2" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_2&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_Church_Organ_Comp_11.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 2_1"> - <source src="test_files/_Church_Organ_Comp_11.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_Church_Organ_Comp_11.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_Church_Organ_Comp_11.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_3" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_3" name="me_flash_3" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_3&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Ftremolo%2F_Church_Organ_Comp_11_tremolo.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 2_2"> - <source src="test_files/_Church_Organ_Comp_11_tremolo.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/tremolo/_Church_Organ_Comp_11_tremolo.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/tremolo/_Church_Organ_Comp_11_tremolo.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 2" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/park/park04.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute2_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute2_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute2_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute2_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute2" id="a2"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> +<audio id="audio player 3" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/park/park08.wav" type="audio/wav"> +</audio> -<div style="width: 400px; height: 30px;" id="mep_4" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_4" name="me_flash_4" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_4&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_70s_Electric_Piano_17.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 3_1"> - <source src="test_files/_70s_Electric_Piano_17.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_70s_Electric_Piano_17.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_70s_Electric_Piano_17.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_5" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_5" name="me_flash_5" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_5&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fcomb%2F_70s_Electric_Piano_17_comb.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 3_2"> - <source src="test_files/_70s_Electric_Piano_17_comb.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/comb/_70s_Electric_Piano_17_comb.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/comb/_70s_Electric_Piano_17_comb.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> - -<p>main: -<select name="attribute3_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute3_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute3_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute3_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute3" id="a3"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<div style="width: 400px; height: 30px;" id="mep_6" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_6" name="me_flash_6" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_6&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_Club_Dance_Beat_069.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 4_1"> - <source src="test_files/_Club_Dance_Beat_069.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_Club_Dance_Beat_069.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_Club_Dance_Beat_069.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_7" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_7" name="me_flash_7" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_7&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Flopass%2F_Club_Dance_Beat_069_lopass.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 4_2"> - <source src="test_files/_Club_Dance_Beat_069_lopass.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/lopass/_Club_Dance_Beat_069_lopass.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/lopass/_Club_Dance_Beat_069_lopass.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 4" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/restaurant/restaurant03.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute4_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute4_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute4_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute4_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute4" id="a4"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<div style="width: 400px; height: 30px;" id="mep_8" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_8" name="me_flash_8" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_8&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_Analog_Drum_Machine_04.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 5_1"> - <source src="test_files/_Analog_Drum_Machine_04.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_Analog_Drum_Machine_04.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_Analog_Drum_Machine_04.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_9" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_9" name="me_flash_9" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_9&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fbitcrush%2F_Analog_Drum_Machine_04_bitcrush.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 5_2"> - <source src="test_files/_Analog_Drum_Machine_04_bitcrush.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/bitcrush/_Analog_Drum_Machine_04_bitcrush.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/bitcrush/_Analog_Drum_Machine_04_bitcrush.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 5" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/park/park01.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute5_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute5_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute5_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute5_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute5" id="a5"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<div style="width: 400px; height: 30px;" id="mep_10" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_10" name="me_flash_10" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_10&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_RnB_Horn_Section_32.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 6_1"> - <source src="test_files/_RnB_Horn_Section_32.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_RnB_Horn_Section_32.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_RnB_Horn_Section_32.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_11" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_11" name="me_flash_11" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_11&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fvibrato%2F_RnB_Horn_Section_32_vibrato.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 6_2"> - <source src="test_files/_RnB_Horn_Section_32_vibrato.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/vibrato/_RnB_Horn_Section_32_vibrato.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/vibrato/_RnB_Horn_Section_32_vibrato.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 6" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/tubestation/tubestation03.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute6_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute6_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute6_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute6_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute6" id="a6"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<div style="width: 400px; height: 30px;" id="mep_12" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_12" name="me_flash_12" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_12&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_Analog_Drum_Machine_04.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 7_1"> - <source src="test_files/_Analog_Drum_Machine_04.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_Analog_Drum_Machine_04.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_Analog_Drum_Machine_04.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_13" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_13" name="me_flash_13" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_13&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdistortion%2F_Analog_Drum_Machine_04_distortion.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 7_2"> - <source src="test_files/_Analog_Drum_Machine_04_distortion.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/distortion/_Analog_Drum_Machine_04_distortion.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/distortion/_Analog_Drum_Machine_04_distortion.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 7" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/tube/tube02.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute7_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute7_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute7_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute7_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute7" id="a7"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<div style="width: 400px; height: 30px;" id="mep_14" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_14" name="me_flash_14" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_14&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_Carla_Melody_18.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 8_1"> - <source src="test_files/_Carla_Melody_18.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_Carla_Melody_18.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_Carla_Melody_18.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_15" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_15" name="me_flash_15" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_15&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fpitchdiscrete%2F_Carla_Melody_18_pitchdiscrete.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 8_2"> - <source src="test_files/_Carla_Melody_18_pitchdiscrete.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/pitchdiscrete/_Carla_Melody_18_pitchdiscrete.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/pitchdiscrete/_Carla_Melody_18_pitchdiscrete.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 8" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/openairmarket/openairmarket05.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute8_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute8_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute8_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute8_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute8" id="a8"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<div style="width: 400px; height: 30px;" id="mep_16" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_16" name="me_flash_16" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_16&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_Alternative_Acoustic_05.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 9_1"> - <source src="test_files/_Alternative_Acoustic_05.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_Alternative_Acoustic_05.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_Alternative_Acoustic_05.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_17" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_17" name="me_flash_17" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_17&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fspeeddown%2F_Alternative_Acoustic_05_speeddown.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 9_2"> - <source src="test_files/_Alternative_Acoustic_05_speeddown.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/speeddown/_Alternative_Acoustic_05_speeddown.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/speeddown/_Alternative_Acoustic_05_speeddown.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 9" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/busystreet/busystreet07.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute9_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute9_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute9_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute9_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute9" id="a9"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> -<div style="width: 400px; height: 30px;" id="mep_18" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_18" name="me_flash_18" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_18&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdry%2F_Classic_Rock_Steel_06.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 10_1"> - <source src="test_files/_Classic_Rock_Steel_06.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/dry/_Classic_Rock_Steel_06.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/dry/_Classic_Rock_Steel_06.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> -<div style="width: 400px; height: 30px;" id="mep_19" class="mejs-container"><div class="mejs-inner"><div class="mejs-mediaelement"><div class="me-plugin"><embed id="me_flash_19" name="me_flash_19" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="test_files/flashmediaelement.swf" flashvars="id=me_flash_19&isvideo=false&autoplay=false&preload=none&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Flocalhost%3A8080%2Faudio%2Fdoppler%2F_Classic_Rock_Steel_06_doppler.mp3" height="1" width="1"></div><audio style="display: none;" tabindex="0" id="audio player 10_2"> - <source src="test_files/_Classic_Rock_Steel_06_doppler.mp3" type="audio/mpeg"> - <object class="playerpreview" type="application/x-shockwave-flash" data="test_files/player_mp3_mini.html" height="20" width="200"><param name="movie" value="player_mp3_mini.swf"><param name="bgcolor" value="#085c68"><param name="FlashVars" value="mp3=../audio/doppler/_Classic_Rock_Steel_06_doppler.mp3"><embed href="player_mp3_mini.swf" bgcolor="#085c68" name="movie" type="application/x-shockwave-flash" flashvars="mp3=../audio/doppler/_Classic_Rock_Steel_06_doppler.mp3" align="" height="20" width="200"></object> -</audio></div><div class="mejs-layers"></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play" type="button"><button type="button"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div style="width: 276px;" class="mejs-time-rail"><span style="width: 266px;" class="mejs-time-total"><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button"></button><div class="mejs-volume-slider"><div style="" class="mejs-volume-total"></div><div style="height: 88px; top: 20px;" class="mejs-volume-current"></div><div style="top: 17px;" class="mejs-volume-handle"></div></div></div></div><div class="mejs-clear"></div></div></div> +<audio id="audio player 10" controls> + <source src="/Users/daniele/Documents/AASPChallenge/survey/AASPAudio/quietstreet/quietstreet09.wav" type="audio/wav"> +</audio> -<p>main: -<select name="attribute10_1"> - - <option value="0" selected="selected"></option> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9">none/unknown</option> -</select> -</p> - -<p>other: -<select name="attribute10_2"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute10_3"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> - -<select name="attribute10_4"> - <option value="1">duration</option> - <option value="2">rhythm</option> - <option value="3">loudness</option> - <option value="4">pitch</option> - <option value="5">harmony</option> - <option value="6">space</option> - <option value="7">timbre</option> - <option value="8">quality</option> - <option value="9" selected="selected">none/unknown</option> -</select> -</p> +<form name = "attribute10" id="a10"> +<input type="radio" name="cat" value="bus">bus +<input type="radio" name="cat" value="busy street">busy street +<input type="radio" name="cat" value="office">office +<input type="radio" name="cat" value="open air market">open air market +<input type="radio" name="cat" value="park">park <br> +<input type="radio" name="cat" value="quiet street">quiet street +<input type="radio" name="cat" value="restaurant">restaurant +<input type="radio" name="cat" value="supermarket">supermarket +<input type="radio" name="cat" value="tube">tube +<input type="radio" name="cat" value="tube station">tube station +</form> <br> - <input value="submit" name="submitButton" type="submit"> + <input type="hidden" name="pageId" value="1"> + <input type="hidden" name="sessionId" value="559292c4bd8c4ea35e5d5984fc1f355fe079927b"> + + <input type="submit" value="submit" name="submitButton"/> + </form> + + <script language="JavaScript" type="text/javascript" + xml:space="preserve">//<![CDATA[ + var frmvalidator = new Validator("attributes"); + frmvalidator.addValidation("attribute1","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute2","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute3","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute4","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute5","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute6","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute7","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute8","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute9","dontselect=0", "Please select at least one main attribute for each item"); + frmvalidator.addValidation("attribute10","dontselect=0", "Please select at least one main attribute for each item"); + //]]></script> + + </div> + + </div> + +</body> <script> $('audio,video').mediaelementplayer(); </script> - -</body></html> \ No newline at end of file +</html>