Time Indicator

import { BwPlayerConsumer } from "@/registry/html/PlayerProvider";

export class BwTimeIndicator extends BwPlayerConsumer {
  _listener = null;

  connectedCallback() {
    super.connectedCallback();
    this._listener = this._player?.addEventListener("<any>", () => {
      this.textContent = `${this._player.currentTime} / ${this._player.duration}`;
    });
    this.textContent = `${this._player.currentTime} / ${this._player.duration}`;
  }

  disconnectedCallback() {
    this._player?.removeEventListener("<any>", this._listener);
    this._listener = null;
    super.disconnectedCallback();
  }
}

customElements.define("bw-time-indicator", BwTimeIndicator);