Method constructor

packages/playground/src/components/Waveform.ts:41–59

(private api: alphaTab.AlphaTabApi)

    private unsubStateChanged: () => void;

    constructor(private api: alphaTab.AlphaTabApi) {
        this.root = parseHtml(html`
            <div class="at-waveform hidden">
                <div class="at-waveform-cursor"></div>
            </div>
        `);
        this.cursor = this.root.querySelector('.at-waveform-cursor')!;
        this.root.addEventListener('click', e => {
            if (this.audioElement) {
                const rect = this.root.getBoundingClientRect();
                const percent = (e.clientX - rect.left) / rect.width;
                this.audioElement.currentTime = this.audioElement.duration * percent;
            }
        });

        this.unsubScoreLoaded = api.scoreLoaded.on(() => this.refresh());
        this.unsubPlayerReady = api.playerReady.on(() => this.refresh());
        this.unsubStateChanged = api.playerStateChanged.on(() => this.refresh());
    }

    private async refresh(): Promise<void> {
        const score = this.api.score;