fixed show video checkbox going invisible

gameobjects/videofeed.js

@@ -20,7 +20,7 @@ class VideoFeed extends GUIObject {
             textAlign(LEFT);
             fill(255,255,255);
             textSize(15);
-            text("Show Video", 30, 85);
+            //text("Show Video", 30, 85);
             pop();
         } else {
             showVideoCheckbox.hide();

musicplayer.js

@@ -32,6 +32,7 @@ class MusicPlayer{
         if(!currentTrack.isPlaying()){
             currentTrack=null;
         }
+        /*
         if(currentTrack==null){
             if(this.isFirstTimePickingMusic){
                 currentTrack = music_Cages; //this is always the first track played
@@ -50,6 +51,22 @@ class MusicPlayer{
                 });
             }
         }
+        */
+
+        if(currentTrack==null){
+            currentTrack = MusicPlayer.pickRandomTrack();
+            console.log("picking new track");
+            currentTrack.setVolume(0.4);
+            var response = currentTrack.play();
+            if (response!== undefined) {
+                response.then(_ => {
+                    //the sound should start playing
+                    this.isFirstTimePickingMusic = false;
+                }).catch(error => {
+                    //simply handle the rror
+                });
+            }
+        }
     }
 
     static pickRandomTrack(){

sketch.js

@@ -258,9 +258,9 @@ function setup() {
   //this is specifically chose to fit the hand detection and for gameplay balance; changing may break things
   createCanvas(1000, 480);//this should come before anything that uses height/width
 
-  showVideoCheckbox = createCheckbox();
+  showVideoCheckbox = createCheckbox("Show Video");
   //@ts-ignore
-  showVideoCheckbox.position(10, 70);
+  //showVideoCheckbox.position(10, 70);
   //@ts-ignore
   showVideoCheckbox.checked(false);
 

style.css

@@ -5,6 +5,10 @@ html, body {
   color: white;
 }
 
+input {
+
+}
+
 canvas {
   display: block;
 }