Mercurial > hg > webaudioevaluationtool
comparison ape.js @ 236:f42e3d4a565f Dev_main
Starting on Outside Reference. Implemented but needs tidying up GUI and returned XML
author | Nicholas Jillings <nicholas.jillings@eecs.qmul.ac.uk> |
---|---|
date | Sat, 20 Jun 2015 16:57:06 +0100 |
parents | a9a86478a038 |
children | 6b72d1c5a5c4 |
comparison
equal
deleted
inserted
replaced
235:a9a86478a038 | 236:f42e3d4a565f |
---|---|
165 maxScale = interfaces[0].options[i].max; | 165 maxScale = interfaces[0].options[i].max; |
166 } | 166 } |
167 } | 167 } |
168 | 168 |
169 for (var i=1; i<audioObjs.length; i++){ | 169 for (var i=1; i<audioObjs.length; i++){ |
170 var ranking = audioObjs[i].interfaceDOM.getValue(); | 170 if (audioObjs[i].specification.type != 'outsidereference') { |
171 if (ranking < minRanking) { minRanking = ranking;} | 171 var ranking = audioObjs[i].interfaceDOM.getValue(); |
172 if (ranking > maxRanking) { maxRanking = ranking;} | 172 if (ranking < minRanking) { minRanking = ranking;} |
173 if (ranking > maxRanking) { maxRanking = ranking;} | |
174 } | |
173 } | 175 } |
174 if (minRanking > minScale || maxRanking < maxScale) { | 176 if (minRanking > minScale || maxRanking < maxScale) { |
175 alert('Please use the full width of the scale'); | 177 alert('Please use the full width of the scale'); |
176 return false; | 178 return false; |
177 } else { | 179 } else { |
390 $(audioHolderObject.commentQuestions).each(function(index,element) { | 392 $(audioHolderObject.commentQuestions).each(function(index,element) { |
391 var node = interfaceContext.createCommentQuestion(element); | 393 var node = interfaceContext.createCommentQuestion(element); |
392 feedbackHolder.appendChild(node.holder); | 394 feedbackHolder.appendChild(node.holder); |
393 }); | 395 }); |
394 | 396 |
397 // Construct outside reference; | |
398 if (audioHolderObject.outsideReference != null) { | |
399 var outsideReferenceHolder = document.createElement('div'); | |
400 outsideReferenceHolder.id = 'outside-reference'; | |
401 outsideReferenceHolderspan = document.createElement('span'); | |
402 outsideReferenceHolderspan.textContent = 'Reference'; | |
403 outsideReferenceHolder.appendChild(outsideReferenceHolderspan); | |
404 | |
405 var audioObject = audioEngineContext.newTrack(audioHolderObject.outsideReference); | |
406 | |
407 outsideReferenceHolder.onclick = function() | |
408 { | |
409 audioEngineContext.play(audioEngineContext.audioObjects.length-1); | |
410 $('.track-slider').removeClass('track-slider-playing'); | |
411 $('.comment-div').removeClass('comment-box-playing'); | |
412 if (event.srcElement.nodeName == 'DIV') { | |
413 $(event.srcElement).addClass('track-slider-playing'); | |
414 } else { | |
415 $(event.srcElement.parentElement).addClass('track-slider-playing'); | |
416 } | |
417 }; | |
418 | |
419 document.getElementById('interface-buttons').appendChild(outsideReferenceHolder); | |
420 } | |
421 | |
395 | 422 |
396 testWaitIndicator(); | 423 testWaitIndicator(); |
397 } | 424 } |
398 | 425 |
399 function sliderObject(audioObject) { | 426 function sliderObject(audioObject) { |
429 //document.getElementById('track-slider-'+index).style.backgroundColor = "#FF0000"; | 456 //document.getElementById('track-slider-'+index).style.backgroundColor = "#FF0000"; |
430 $('.track-slider').removeClass('track-slider-playing'); | 457 $('.track-slider').removeClass('track-slider-playing'); |
431 $(element).addClass('track-slider-playing'); | 458 $(element).addClass('track-slider-playing'); |
432 $('.comment-div').removeClass('comment-box-playing'); | 459 $('.comment-div').removeClass('comment-box-playing'); |
433 $('#comment-div-'+id).addClass('comment-box-playing'); | 460 $('#comment-div-'+id).addClass('comment-box-playing'); |
461 var outsideReference = document.getElementById('outside-reference'); | |
462 if (outsideReference != undefined) | |
463 $(outsideReference).removeClass('track-slider-playing'); | |
434 } | 464 } |
435 }; | 465 }; |
436 | 466 |
437 this.exportXMLDOM = function(audioObject) { | 467 this.exportXMLDOM = function(audioObject) { |
438 // Called by the audioObject holding this element. Must be present | 468 // Called by the audioObject holding this element. Must be present |