rxjs interval will execute if another 2 observables are true

I’m writing an angular15 app with a youtube player component in it, i’m trying to work with rxjs but i think that i have one issue that i got wrong, the mergeMap. i’m really new to rxjs so sorry for any mistakes

I have 2 subscriptions, one for if youtube library as finished loading, and the other if the youtube player is ready.

first lets look just at the interval:

      exhaustMap((x, y)=>{
        this.isPlayingSubject.next(this.player.getPlayerState() === YT.PlayerState.PLAYING);
        return of(true);
    ).subscribe({next: (data )=>{
      error: (err)=> {

this works fine, it runs in intervals on 100ms and i use exhaustMap to make sure that the next iteration will be executed only if the previous one completed in case when i’ll add more calculations it may take more than 100 ms.

next i want in the interval to check if youtube is loaded, for that i have the observable isYouTubeLoaded, so i tried using mergeMap for this.. i guess this is not the right way? but it still worked:

      mergeMap(x => this.isYouTubeLoaded),
      exhaustMap((x, y)=>{
        if (!x) {
          return of(false);

now x inside exahustMap contains the isYouTubeLoaded and this does the job.

now i have another observable that i want to check and only if both of them are true to run the interval, if not to wait for the next iteration, this is where i get lost because if i add another mergeMap i can’t see both values in exhaustMap.

so from reading some more i assume that i’m not supposed to use mergeMap at all, maybe filter ? but i still have no clue how to do that with 2 observables.

any ideas?

Leave a Reply

Your email address will not be published.