From 3aa76d19c8f9292084600a5079dbece7d7d8ae73 Mon Sep 17 00:00:00 2001
From: Yotam Mann <yotammann@gmail.com>
Date: Fri, 5 Sep 2014 01:13:39 -0400
Subject: [PATCH] startMobile on all of the examples

Fixes #13
---
 examples/Widgets.js         | 23 +++++++++++++++++++++++
 examples/autoPanner.html    |  6 ++----
 examples/buses.html         |  2 +-
 examples/duoSynth.html      |  2 +-
 examples/envelope.html      |  2 +-
 examples/fmSynth.html       |  2 +-
 examples/lfo.html           |  2 +-
 examples/monoSynth.html     |  2 +-
 examples/noises.html        |  3 ++-
 examples/oscillator.html    |  2 +-
 examples/pingPongDelay.html |  2 +-
 examples/player.html        |  2 +-
 examples/score.html         |  2 +-
 examples/signalMath.html    |  2 +-
 examples/stepSequencer.html |  2 +-
 15 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/examples/Widgets.js b/examples/Widgets.js
index f913b849..74455518 100644
--- a/examples/Widgets.js
+++ b/examples/Widgets.js
@@ -22,6 +22,29 @@ GUI.StartButton.prototype.buttonClicked = function(){
 	this.callback();
 };
 
+/**
+ *  a start button for mobile browsers which require a touchstart event
+ *  to start the audio
+ */
+GUI.MobileStart = function(callback){
+	if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
+		this.element = $("<div>", {"class" : "StartButton"})
+			.appendTo("#Container");
+		this.button = $("<button>")
+			.button({label: "\u25B6"})
+			.click(this.buttonClicked.bind(this))
+			.appendTo(this.element);  
+		this.callback = callback;
+	}
+};
+
+GUI.MobileStart.prototype.buttonClicked = function(){
+	this.element.fadeTo(500, 0, function(){
+		$(this).remove();
+	});
+	this.callback();
+};
+
 /**
  *  Tone.Envelope GUI
  *  @param {jQuery} container the jQuery object to put the gui in
diff --git a/examples/autoPanner.html b/examples/autoPanner.html
index 3fe74b0f..2fb65f55 100644
--- a/examples/autoPanner.html
+++ b/examples/autoPanner.html
@@ -48,16 +48,14 @@
 		// GUI //
 
 		new GUI.TopBar(Tone);
-		new GUI.StartButton(function(){
-			Tone.startMobile();
-			panner.start();
-		});
+		new GUI.MobileStart(Tone.startMobile);
 
 		var container = $("#Content");
 
 		new GUI.Checkbox(container, function(on){
 			if (on){
 				sine.start();
+				panner.start();
 			} else {
 				sine.stop();
 			}
diff --git a/examples/buses.html b/examples/buses.html
index dece4853..37195c2e 100644
--- a/examples/buses.html
+++ b/examples/buses.html
@@ -62,7 +62,7 @@
 		
 		// GUI //
 
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 		new GUI.TopBar(Tone);
 
 		var content = $("#Content");
diff --git a/examples/duoSynth.html b/examples/duoSynth.html
index 2fe4b626..a165cea4 100644
--- a/examples/duoSynth.html
+++ b/examples/duoSynth.html
@@ -61,7 +61,7 @@
 		// GUI //
 
 		new GUI.TopBar(Tone);
-		// new GUI.StartButton(Tone.startMobile);
+		// new GUI.MobileStart(Tone.startMobile);
 
 		$("#tabs").tabs();
 
diff --git a/examples/envelope.html b/examples/envelope.html
index ceab80bd..739f45d5 100644
--- a/examples/envelope.html
+++ b/examples/envelope.html
@@ -48,7 +48,7 @@
 		$(function(){
 			var container = $("#Content");
 
-			new GUI.StartButton(Tone.startMobile);
+			new GUI.MobileStart(Tone.startMobile);
 			new GUI.TopBar(Tone);
 
 			//sliders for the envelope controls
diff --git a/examples/fmSynth.html b/examples/fmSynth.html
index 9f5f0b41..5befd63f 100644
--- a/examples/fmSynth.html
+++ b/examples/fmSynth.html
@@ -62,7 +62,7 @@
 		// GUI //
 
 		new GUI.TopBar(Tone);
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 
 		$("#tabs").tabs();
 
diff --git a/examples/lfo.html b/examples/lfo.html
index f5e9b13d..72c52f56 100644
--- a/examples/lfo.html
+++ b/examples/lfo.html
@@ -50,7 +50,7 @@
 		var content = $("#Content");
 
 		new GUI.TopBar(Tone);
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 
 		new GUI.Checkbox(content, function(on){
 			if (on){
diff --git a/examples/monoSynth.html b/examples/monoSynth.html
index 4ad728cd..9af5872e 100644
--- a/examples/monoSynth.html
+++ b/examples/monoSynth.html
@@ -59,7 +59,7 @@
 		// GUI //
 
 		new GUI.TopBar(Tone);
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 
 		$("#tabs").tabs();
 
diff --git a/examples/noises.html b/examples/noises.html
index 61673d41..7969fe60 100644
--- a/examples/noises.html
+++ b/examples/noises.html
@@ -30,6 +30,7 @@
 		/* globals Tone, GUI */
 
 		var noise = new Tone.Noise();
+		noise.setVolume(-10);
 		noise.toMaster();
 
 		var noiseTypes = ["white", "brown", "pink"];
@@ -54,7 +55,7 @@
 
 		// GUI //
 
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 		new GUI.TopBar(Tone);
 
 		new GUI.Momentary($("#Button"), function(){
diff --git a/examples/oscillator.html b/examples/oscillator.html
index 7a0f9d09..1250bf55 100644
--- a/examples/oscillator.html
+++ b/examples/oscillator.html
@@ -43,7 +43,7 @@
 
 		$(function(){
 			var content = $("#Content");
-			new GUI.StartButton(Tone.startMobile);
+			new GUI.MobileStart(Tone.startMobile);
 			new GUI.TopBar(Tone);
 			new GUI.Checkbox(content, function(on){
 				if (on){
diff --git a/examples/pingPongDelay.html b/examples/pingPongDelay.html
index 1a5e7f6a..71548edd 100644
--- a/examples/pingPongDelay.html
+++ b/examples/pingPongDelay.html
@@ -42,7 +42,7 @@
 
 		// GUI //
 
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 		new GUI.TopBar(Tone);
 
 		new GUI.Momentary($("#Content"), function(on){
diff --git a/examples/player.html b/examples/player.html
index e6e7b3fc..239ac365 100644
--- a/examples/player.html
+++ b/examples/player.html
@@ -41,7 +41,7 @@
 		
 		// GUI //
 
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 		new GUI.TopBar(Tone);
 
 		new GUI.Momentary($("#Content"), function(on){
diff --git a/examples/score.html b/examples/score.html
index 747422fe..5e293a3f 100644
--- a/examples/score.html
+++ b/examples/score.html
@@ -98,7 +98,7 @@
 		// GUI //
 
 		var content = $("#Content");
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 		new GUI.TopBar(Tone);
 
 		//the transport controls
diff --git a/examples/signalMath.html b/examples/signalMath.html
index b8ddd972..67f0bb1f 100644
--- a/examples/signalMath.html
+++ b/examples/signalMath.html
@@ -76,7 +76,7 @@
 		// GUI //
 
 		new GUI.TopBar(Tone);
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 
 		var container = $("#Content");
 
diff --git a/examples/stepSequencer.html b/examples/stepSequencer.html
index dea84263..003cd105 100644
--- a/examples/stepSequencer.html
+++ b/examples/stepSequencer.html
@@ -96,7 +96,7 @@
 			}
 		}
 
-		new GUI.StartButton(Tone.startMobile);
+		new GUI.MobileStart(Tone.startMobile);
 		new GUI.TopBar(Tone);
 
 		var startButton = $("#StartButton");