diff --git a/public/1/conductor/imgs/faster.svg b/public/1/conductor/imgs/faster.svg
new file mode 100644
index 0000000..651fbd5
--- /dev/null
+++ b/public/1/conductor/imgs/faster.svg
@@ -0,0 +1,2 @@
+<svg width="0.333333in" height="0.333333in" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M 28.00,52.00 C 30.22,59.49 33.02,60.56 40.00,63.00 39.80,57.93 39.43,54.47 42.65,50.04 52.61,36.31 73.31,45.21 69.00,63.00 68.04,56.83 68.89,51.37 62.82,47.15 55.53,42.07 44.66,45.62 41.85,54.00 40.42,58.29 41.51,61.01 43.00,65.00 39.52,64.06 33.25,61.19 30.02,61.75 25.97,62.45 23.97,66.26 27.32,69.30 29.96,71.70 35.54,72.69 39.00,73.00 39.00,73.00 38.00,76.00 38.00,76.00 43.91,80.13 46.79,83.18 54.00,80.00 54.00,80.00 53.00,76.00 53.00,76.00 53.00,76.00 39.00,75.00 39.00,75.00 49.46,72.04 60.04,79.57 70.90,69.67 83.39,58.28 75.64,36.13 55.00,37.04 45.82,37.44 46.35,41.62 36.00,40.00 36.00,40.00 36.00,38.00 36.00,38.00 47.01,34.86 54.44,28.50 59.00,18.00 44.79,15.13 36.93,28.30 28.00,35.00 31.50,30.74 35.66,25.79 40.00,22.39 44.82,18.61 48.94,19.20 50.00,13.00 39.85,13.50 32.71,17.98 26.53,26.00 26.53,26.00 21.19,34.59 21.19,34.59 18.83,37.36 13.61,38.79 11.95,44.00 10.07,49.86 16.28,56.87 28.00,52.00 Z M 22.00,41.00 C 22.00,41.00 21.00,45.00 21.00,45.00 21.00,45.00 19.00,41.00 19.00,41.00 19.00,41.00 22.00,41.00 22.00,41.00 Z M 78.00,51.00 C 78.00,51.00 78.00,64.00 78.00,64.00 81.95,62.97 84.94,61.72 87.13,57.98 90.26,52.66 87.23,47.63 78.00,51.00 Z M 68.00,63.00 C 68.00,63.00 68.00,64.00 68.00,64.00 68.00,64.00 67.00,63.00 67.00,63.00 67.00,63.00 68.00,63.00 68.00,63.00 Z M 44.00,65.00 C 44.00,65.00 44.00,66.00 44.00,66.00 44.00,66.00 43.00,65.00 43.00,65.00 43.00,65.00 44.00,65.00 44.00,65.00 Z M 67.00,65.00 C 67.00,65.00 67.00,66.00 67.00,66.00 67.00,66.00 66.00,65.00 66.00,65.00 66.00,65.00 67.00,65.00 67.00,65.00 Z"/>
+</svg>
diff --git a/public/1/conductor/imgs/slower.svg b/public/1/conductor/imgs/slower.svg
new file mode 100644
index 0000000..c7d5c40
--- /dev/null
+++ b/public/1/conductor/imgs/slower.svg
@@ -0,0 +1,2 @@
+<svg width="8.46668mm" height="8.46668mm" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M 26.00,49.00 C 26.00,49.00 26.00,51.00 26.00,51.00 40.40,60.28 54.64,60.46 71.00,57.39 75.83,56.48 79.41,55.92 84.00,54.00 82.30,49.63 80.67,47.75 78.00,44.00 72.09,35.72 68.60,32.13 58.00,32.00 53.01,31.94 48.61,31.69 44.00,34.00 35.87,38.07 35.38,43.97 26.00,49.00 Z M 29.00,61.00 C 29.00,61.00 29.00,63.00 29.00,63.00 29.00,63.00 18.00,66.00 18.00,66.00 26.48,75.31 29.66,67.86 38.00,64.00 38.00,64.00 39.00,70.00 39.00,70.00 39.00,70.00 36.00,71.00 36.00,71.00 38.22,76.57 43.89,76.43 45.99,73.49 47.53,71.29 46.34,66.57 45.99,64.00 45.99,64.00 61.00,64.00 61.00,64.00 61.00,64.00 60.00,70.00 60.00,70.00 60.00,70.00 56.00,70.00 56.00,70.00 57.63,74.90 62.67,76.53 66.15,72.49 69.14,69.01 66.41,67.14 72.00,64.00 73.01,66.55 74.25,69.57 77.07,70.60 80.74,71.94 82.93,67.84 80.97,64.28 80.12,62.73 78.29,61.21 77.00,60.00 77.00,60.00 92.00,54.00 92.00,54.00 88.13,53.44 82.94,56.08 79.00,57.12 72.07,58.94 62.11,60.92 55.00,61.00 46.88,61.09 39.31,59.77 32.00,56.02 26.90,53.41 21.69,48.64 16.00,47.55 8.77,46.15 6.34,52.03 10.31,55.40 12.62,57.36 19.66,57.62 23.00,58.62 23.00,58.62 29.00,61.00 29.00,61.00 Z M 15.00,49.00 C 15.00,49.00 16.00,52.00 16.00,52.00 16.00,52.00 13.00,52.00 13.00,52.00  13.00,52.00 15.00,49.00 15.00,49.00 Z"/>
+</svg>
diff --git a/public/1/conductor/index.js b/public/1/conductor/index.js
index 2922e5d..d8de170 100644
--- a/public/1/conductor/index.js
+++ b/public/1/conductor/index.js
@@ -22,6 +22,8 @@ $(document).ready(function() {
     SVGImport_size1('./imgs/listen-icon.svg'),
     SVGImport_size1('./imgs/iconmonstr-plus-4.svg'),
     SVGImport_size1('./imgs/iconmonstr-minus-4.svg'),
+    SVGImport_size1('./imgs/faster.svg'),
+    SVGImport_size1('./imgs/slower.svg'),
     //clap
     AudioImport_p5("./audio/clap@2/" + ("0" + getRandomInt(1, 2)).slice(-2) + ".mp3"),
     //beach_sounds page 1 ==> 7
@@ -50,25 +52,27 @@ $(document).ready(function() {
     var iconsound = imports[4];
     var plus = imports[5];
     var minus = imports[6];
+    var faster = imports[7];
+    var slower = imports[8];
     //clap
-    var clap = imports[7];
+    var clap = imports[9];
     //beach list
     //NOTE: beware! same key is not allowed!! every keys should have different name!!
     var beach_sounds = {
-      '2011_2011' : imports[8],
-      '2011_벨' : imports[9],
-      '2011_숲' : imports[10],
-      '2011_바람' : imports[11],
-      '2011_헤비레인' : imports[12],
-      '고요6' : imports[13],
-      '고요7' : imports[14],
-      '검은산_뚜루' : imports[15],
-      '검은산_다급' : imports[16],
-      '검은산_부엉' : imports[17],
-      '검은산_불안' : imports[18],
-      '검은산_쏟아짐' : imports[19],
-      '고요13' : imports[20],
-      '고요14' : imports[21],
+      '2011_2011' : imports[10],
+      '2011_벨' : imports[11],
+      '2011_숲' : imports[12],
+      '2011_바람' : imports[13],
+      '2011_헤비레인' : imports[14],
+      '고요6' : imports[15],
+      '고요7' : imports[16],
+      '검은산_뚜루' : imports[17],
+      '검은산_다급' : imports[18],
+      '검은산_부엉' : imports[19],
+      '검은산_불안' : imports[20],
+      '검은산_쏟아짐' : imports[21],
+      '고요13' : imports[22],
+      '고요14' : imports[23],
     };
     //NOTE: beware! same key is not allowed!! every keys should have different name!!
     var beach_players = {
@@ -408,14 +412,16 @@ $(document).ready(function() {
             }),
             //faster button
             new Path.Rectangle({
+              name: 'faster_btn',
               point: [vssw * 5.0, row * vssw * 1.4 + vssw * 3.5],
               radius: vssw * 0.4,
               size: [vssw * 1.6, vssw * 0.7],
-              fillColor: new Color({
+              strokeColor: new Color({
                 hue: getRandom(20, 60),
                 saturation: 1,
                 brightness: 1
               }),
+              strokeWidth : vssw * 0.03,
               onMouseDown: function() {
                 var par = this.parent;
                 if (par._players.length > 0) {
@@ -446,14 +452,16 @@ $(document).ready(function() {
             }),
             //slower button
             new Path.Rectangle({
+              name: 'slower_btn',
               point: [vssw * 7.8, row * vssw * 1.4 + vssw * 3.5],
               radius: vssw * 0.4,
               size: [vssw * 1.6, vssw * 0.7],
-              fillColor: new Color({
+              strokeColor: new Color({
                 hue: getRandom(120, 250),
                 saturation: 1,
                 brightness: 1
               }),
+              strokeWidth : vssw * 0.03,
               onMouseDown: function() {
                 var par = this.parent;
                 if (par._players.length > 0) {
@@ -477,6 +485,12 @@ $(document).ready(function() {
           _init: function() {
             this._player.loop = true;
             this._player.retrigger = true;
+            var ff = faster.clone().addTo(project);
+            ff.fitBounds(this.children.faster_btn.bounds);
+            ff.fillColor = "orange";
+            var ss = slower.clone().addTo(project);
+            ss.fitBounds(this.children.slower_btn.bounds);
+            ss.fillColor = "lime";
             this.children.playcounter.fitBounds(this.children.playcounterbox.bounds);
             this.children.speedcounter.fitBounds(this.children.speedcounterbox.bounds);
             this.children.speedcounter.content = Number.parseFloat(1).toFixed(1);