Mercurial > hg > webaudioevaluationtool
comparison interfaces/ape.js @ 2796:35037fb7a843
#133 Added fragment images to APE
author | Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk> |
---|---|
date | Sun, 23 Apr 2017 11:32:34 +0100 |
parents | b4735c529a8e |
children | 98610ac90893 |
comparison
equal
deleted
inserted
replaced
2795:b4735c529a8e | 2796:35037fb7a843 |
---|---|
574 var position = Number(scaleObj.attributes.value.value); | 574 var position = Number(scaleObj.attributes.value.value); |
575 var pixelPosition = (position * width) + marginsize; | 575 var pixelPosition = (position * width) + marginsize; |
576 scaleObj.style.left = Math.floor((pixelPosition - ($(scaleObj).width() / 2))) + 'px'; | 576 scaleObj.style.left = Math.floor((pixelPosition - ($(scaleObj).width() / 2))) + 'px'; |
577 } | 577 } |
578 }; | 578 }; |
579 | |
580 this.playing = function (id) { | |
581 var node = audioEngineContext.audioObjects.find(function (a) { | |
582 return a.id == id; | |
583 }); | |
584 if (node === undefined) { | |
585 this.imageHolder.setImage(interfaceObject.image || ""); | |
586 return; | |
587 } | |
588 var imgurl = node.specification.image || interfaceObject.image || ""; | |
589 this.imageHolder.setImage(imgurl); | |
590 } | |
579 } | 591 } |
580 | 592 |
581 function sliderObject(audioObject, interfaceObjects, index) { | 593 function sliderObject(audioObject, interfaceObjects, index) { |
582 // Create a new slider object; | 594 // Create a new slider object; |
583 this.parent = audioObject; | 595 this.parent = audioObject; |
617 | 629 |
618 if (this.parent.specification.parent.playOne || specification.playOne) { | 630 if (this.parent.specification.parent.playOne || specification.playOne) { |
619 $('.track-slider').addClass('track-slider-disabled'); | 631 $('.track-slider').addClass('track-slider-disabled'); |
620 $('.outside-reference').addClass('track-slider-disabled'); | 632 $('.outside-reference').addClass('track-slider-disabled'); |
621 } | 633 } |
634 interfaceContext.interfaceSliders.forEach(function (ts) { | |
635 ts.playing(this.parent.id); | |
636 }, this); | |
622 }; | 637 }; |
623 this.stopPlayback = function () { | 638 this.stopPlayback = function () { |
624 if (this.playing) { | 639 if (this.playing) { |
625 this.playing = false; | 640 this.playing = false; |
626 var name = ".track-slider-" + this.parent.id; | 641 var name = ".track-slider-" + this.parent.id; |