Update

Author: philippfromme

assets/css/gitter.css

@@ -304,7 +304,7 @@ svg.new-parent {
   z-index: 100000;
   top: 0;
   left: 0;
-  background: rgba(255, 255, 255, 0.5);
+  /* background: rgba(255, 255, 255, 0.5); */
   color: blue;
   font-size: 18px;
 }

src/core/Audio.js

@@ -26,8 +26,8 @@ class Audio extends CommandInterceptor {
     this.phrases = {};
 
     this.mainPart = new p5.Part();
-    this.mainPart.loop();
-    this.mainPart.start();
+    // this.mainPart.loop();
+    // this.mainPart.start();
 
     const phrase = new p5.Phrase('loopStart', (time, playbackRate) => {
       eventBus.fire('gitter.audio.loopStart');
@@ -114,6 +114,15 @@ class Audio extends CommandInterceptor {
   getAllPhrases() {
     return this.phrases;
   }
+
+  start() {
+    this.mainPart.loop();
+    this.mainPart.start();
+  }
+
+  stop() {
+    this.mainPart.stop();
+  }
 }
 
 Audio.$inject = [ 'commandStack', 'elementRegistry', 'eventBus', 'sounds' ];

src/core/GitterRenderer.js

@@ -69,7 +69,7 @@ class CustomRenderer extends BaseRenderer {
       svgAttr(text, {
         transform: 'translate(' + translateX +  ', 12)',
         fill: color,
-        fontSize: '6'
+        fontSize: '6px'
       });
 
       return circle;