Player Provider

<bw-player-provider
  data-project-id="9504"
  data-content-id="ba00ef51-03ac-4a85-8b98-e45c957e8ef8"
  data-show-user-interface="false"
>
  <my-control></my-control>
</bw-player-provider>

<script type="module">
  import { BwPlayerConsumer } from "@/registry/html/PlayerProvider";

  class MyControl extends BwPlayerConsumer {
    connectedCallback() {
      super.connectedCallback();
      // `this._player` is the resolved BeyondWords player instance
      this.textContent = this._player?.playbackState ?? "idle";
    }
  }
  customElements.define("my-control", MyControl);
</script>