added sliders

f78f4b22 · Jonas Blumer · 54e702c3 · f78f4b22 · f78f4b22
Commit f78f4b22 authored 9 years ago by Jonas Blumer
--- a/app.js
+++ b/app.js
@@ -52,7 +52,3 @@ function getStepPos(){
 }


-http.listen(3000, function(){
-  console.log('listening on *:3000');
-});
-
--- a/index.html
+++ b/index.html
@@ -2,8 +2,7 @@
 <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
-    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
-    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
+   
    <style type="text/css">
        #container{
            width:500px;
@@ -41,15 +40,13 @@


    var stepPos = 0;
-    var track1, track2, track3, track4;
-
       

        $(function(){
            /*
            **  SOUNDS
            */
-            var bd = $("#bd")[0];
+            //var bd = $("#bd")[0];

            generateSteps();

@@ -116,6 +113,7 @@
                            '<option value="snare">Snare</option>'+
                        '</select>'
                     );
+                    $('#row'+i).append('<input type="range" id="pitchRow'+i+'" min=".5" max="4" value="2" step=".1" name="power" list="powers">');

                    $('#steps').append('</div>');
                }else{
@@ -135,6 +133,8 @@
                    console.log(sound);
                    this[sound].pause();
                    this[sound].currentTime = 0;
+                    this[sound].playbackRate = $('#pitchRow'+i).val();
+                    //this[sound].doperShift = 100;
                    this[sound].play();
                }
            }