comparison interfaces/horizontal-sliders.js @ 508:8d01d2bf4b8f Dev_main

Bug #1567: Updated rest of button based interfaces to follow AB playback controls.

 	
 	this.play.className = 'track-slider-button';
 	this.play.textContent = "Loading...";
 	this.play.value = audioObject.id;
 	this.play.disabled = true;
+    this.play.setAttribute("playstate","ready");
 	this.play.onclick = function(event)
 	{
 		var id = Number(event.currentTarget.value);
 		//audioEngineContext.metric.sliderPlayed(id);
-		audioEngineContext.play(id);
+        if (event.currentTarget.getAttribute("playstate") == "ready")
+        {audioEngineContext.play(id);}
+        else if (event.currentTarget.getAttribute("playstate") == "playing")
+        {audioEngineContext.stop();}
 	};
 	this.resize = function(event)
 	{
 		this.holder.style.width = window.innerWidth-200 + 'px';
 		this.slider.style.width = window.innerWidth-420 + 'px';

 		// progress is a value from 0 to 100 indicating the current download state of media files
 	};
     this.startPlayback = function()
     {
         // Called when playback has begun
+        this.play.setAttribute("playstate","playing");
         $(".track-slider").removeClass('track-slider-playing');
 		$(this.holder).addClass('track-slider-playing');
 		var outsideReference = document.getElementById('outside-reference');
 		if (outsideReference != null) {
 			$(outsideReference).removeClass('track-slider-playing');
 		}
     };
     this.stopPlayback = function()
     {
         // Called when playback has stopped. This gets called even if playback never started!
+        this.play.setAttribute("playstate","ready");
         $(this.holder).removeClass('track-slider-playing');
     };
 	this.getValue = function()
 	{
 		// Return the current value of the object. If there is no value, return 0