[SOLVED] YouTube 'Jukebox' fails

Thomas_Due_Nielsen · May 20, 2021, 5:24pm

I am trying to do a jukebox like this:
https://playcanvas.com/editor/scene/1133051

it is built as an alteration of the forked tut-project: https://developer.playcanvas.com/en/tutorials/youtube-in-3d-scenes/

The video changes from ‘start’ video-id to following list-id upon the tv-plane, but the click/play-state ‘readyiness’ is lost … What to do?

PS: In regards to rights/artist wanting-or-disliking the concept >> they do/should have the option of ‘no-embed’ at own youTube channel settings

Thomas_Due_Nielsen · May 21, 2021, 8:15am

though not pretty, I ended up using multiple youTube-planes (which works for a small amount of tracks):

YoutubeExternalControls.prototype.update = function (dt) {
  this.fr++;
    if(this.app.root.findByName("YouTubeTV").script.commScr.pcnt===0){    this.app.root.findByName("YouTubePlane").enabled = true;   this.app.root.findByName("YouTubePlane2").enabled = false;    
     this.app.root.findByName("YouTubePlane3").enabled = false;   this.app.root.findByName("YouTubePlane4").enabled = false;   this.app.root.findByName("YouTubePlane5").enabled = false;  }
    if(this.app.root.findByName("YouTubeTV").script.commScr.pcnt===1){    this.app.root.findByName("YouTubePlane").enabled = false;  this.app.root.findByName("YouTubePlane2").enabled = true;   
        this.app.root.findByName("YouTubePlane3").enabled = false;   this.app.root.findByName("YouTubePlane4").enabled = false;   this.app.root.findByName("YouTubePlane5").enabled = false;    }
    
       if(this.app.root.findByName("YouTubeTV").script.commScr.pcnt===2){    this.app.root.findByName("YouTubePlane").enabled = false;   this.app.root.findByName("YouTubePlane2").enabled = false;    
     this.app.root.findByName("YouTubePlane3").enabled = true;   this.app.root.findByName("YouTubePlane4").enabled = false;   this.app.root.findByName("YouTubePlane5").enabled = false;  }
    if(this.app.root.findByName("YouTubeTV").script.commScr.pcnt===3){    this.app.root.findByName("YouTubePlane").enabled = false;  this.app.root.findByName("YouTubePlane2").enabled = false;   
        this.app.root.findByName("YouTubePlane3").enabled = false;   this.app.root.findByName("YouTubePlane4").enabled = true;   this.app.root.findByName("YouTubePlane5").enabled = false;    } 
    if(this.app.root.findByName("YouTubeTV").script.commScr.pcnt===4){    this.app.root.findByName("YouTubePlane").enabled = false;  this.app.root.findByName("YouTubePlane2").enabled = false;   
        this.app.root.findByName("YouTubePlane3").enabled = false;   this.app.root.findByName("YouTubePlane4").enabled = false;   this.app.root.findByName("YouTubePlane5").enabled = true;    }

};