loading songs into a playlist

[kyoukhana]

Is it possible to load songs into a play list dynamically so that i can also add additional songs. Something like this below. Also each song that is being loaded or added to the list later would have a percentage loaded so can display to the user when its ready to play or even play all tracks at same time.

{
		"name": "Song Name 3",
		"artist": "Artist Name",
		"album": "Album Name",
		"url": "/song/url.mp3",
		"cover_art_url": "/cover/art/url.jpg",
    		"time_callbacks": {
      			1: function(){
        			console.log( "1 second into the song" )
      			},
      			90: function(){
        			console.log( "1 minute 30 seconds into the song" );
      			},
      			110: function(){
        			console.log( "1 minute 50 seconds into the song" );
      			}
    		}
	}

[vanand-conga]

Yeah, you can do that. I would start with creating classes like Album and PlayList.

Some pseudo code.

class Album {
   name = null;
   artist = null;
   url = null;
   cover_image = null;
   ...

   loaded = false;
   buzzId = null;
   
   constructor(name, artist, url, cover_image, ...) {
      this.name = name;
      this.artist = artist;
      ...

     $buzz.register(this.url, this.name);
   }

    load(): Promise {
      return $buzz.load(this.url);
    }

    play() {
       this.buzzId = $buzz.play(this.url);
    }

    stop() {
       $buzz.stop(this.buzzId);
    }

    ....
}

class PlayList {

   queue = []; // Array of albums

   currentPlaying = 0;

   constructor(albums) {
      this.queue = albums;
   }

   addAlbum(album) {
      this.queue.add(album)
   }

   play() {
      this.albums[this.currentPlaying].play();
   }

   stop() {
      this.albums[this.currentPlaying].stop();
   }

    next() {
       this.currentPlaying++;
       this.stop();
       this.play();
   }

   ....
}

I hope you got some idea.

[kyoukhana]

is it possible to play all the tracks in the playlist ad the same time.

[kyoukhana]

Here is some Pseudo code I have as well I am using VueJS

mounted: function(){
  
  $buzz.setup(); // you need to call setup before doing anything in global level.

            var promise = $buzz.load('/api/user/track/audio/9?token='+this.$auth.token());

            promise.then(function(evt) {
                console.log('All audio resources are loaded');
                console.log(evt);
            });
}

methods:{
   addTrack(){
       var audioURL='/api/user/track/audio/'+track.trackID+'?token='+this.$auth.token();
      $buzz.register(audioURL, track.trackID); 
  }

 play(){
    $buzz.play();
  }

}

But the $buzz.play would be good if its a master play button to play all the tracks loaded in the object.