Method constructor

packages/alphatab/src/AlphaTabApiBase.ts:350–441

* Initializes a new instance of the AlphaTabApiBase class. * @param uiFacade The UI facade to use for interacting with the user interface. * @param settings The UI settings object to use for loading the settings.

(uiFacade: IUiFacade<TSettings>, settings: TSettings)

     * @param settings The UI settings object to use for loading the settings.
     */
    public constructor(uiFacade: IUiFacade<TSettings>, settings: TSettings) {
        this.uiFacade = uiFacade;
        this.container = uiFacade.rootContainer;

        this.activeBeatsChanged = new EventEmitterOfT<ActiveBeatsChangedEventArgs>(() => {
            const currentBeat = this._currentBeat;
            if (this._player.state === PlayerState.Playing && currentBeat) {
                return new ActiveBeatsChangedEventArgs(currentBeat.beatLookup.highlightedBeats.map(h => h.beat));
            }
            return null;
        });
        this.playedBeatChanged = new EventEmitterOfT<Beat>(() => {
            const currentBeat = this._currentBeat;
            if (this._player.state === PlayerState.Playing && currentBeat) {
                return currentBeat.beat;
            }
            return null;
        });
        this.scoreLoaded = new EventEmitterOfT<Score>(() => {
            if (this._score) {
                return this._score;
            }
            return null;
        });

        this.midiLoaded = new EventEmitterOfT<PositionChangedEventArgs>(() => {
            return this._player.loadedMidiInfo ?? null;
        });

        uiFacade.initialize(this, settings);
        Logger.logLevel = this.settings.core.logLevel;

        this.settings.handleBackwardsCompatibility();

        Environment.printEnvironmentInfo(false);

        this.canvasElement = uiFacade.createCanvasElement();
        this.container.appendChild(this.canvasElement);
        this._renderer = new ScoreRendererWrapper();
        if (
            this.settings.core.useWorkers &&
            this.uiFacade.areWorkersSupported &&
            Environment.getRenderEngineFactory(this.settings.core.engine).supportsWorkers
        ) {
            this._renderer.instance = this.uiFacade.createWorkerRenderer();
        } else {
            this._renderer.instance = new ScoreRenderer(this.settings);
        }

        this.container.resize.on(
            this.uiFacade.throttle(() => {
                if (this._isDestroyed) {
                    return;
                }
                if (this.container.width !== this._renderer.width) {
                    this.triggerResize();
                }
            }, uiFacade.resizeThrottle)