export const BrowserModMediaPlayerMixin = (C) =>
  class extends C {
    constructor() {
      super();
      this.player = new Audio();

      for (const event of ["play", "pause", "ended", "volumechange"]) {
        this.player.addEventListener(event, () => this.player_update());
      }

      window.addEventListener("click", () => this.player.play(), {
        once: true,
      });
    }

    player_update(ev) {
      this.sendUpdate({
        player: {
          volume: this.player.volume,
          muted: this.player.muted,
          src: this.player.src,
          state: this.player_state,
        },
      });
    }

    get player_state() {
      if (!this.player.src) return "stopped";
      if (this.player.ended) return "stopped";
      if (this.player.paused) return "paused";
      return "playing";
    }

    player_play(src) {
      if (src) this.player.src = src;
      this.player.play();
    }
    player_pause() {
      this.player.pause();
    }
    player_stop() {
      this.player.pause();
      this.player.src = null;
    }
    player_set_volume(level) {
      if (level === undefined) return;
      this.player.volume = level;
    }
    player_mute(mute) {
      if (mute === undefined) mute = !this.player.muted;
      this.player.muted = Boolean(mute);
    }
  };