Method constructor

packages/playground/src/apps/RecorderApp.ts:80–197

(options: RecorderAppOptions = {})

    private subscriptions: (() => void)[] = [];

    constructor(options: RecorderAppOptions = {}) {
        this.rhythm = options.rhythm ?? RHYTHM_4_4_STRAIGHT;
        this.slotDuration = pickSlotDuration(this.rhythm.subdivisionsPerBeat);
        this.slotTicks = MIDI_QUARTER_TIME / this.rhythm.subdivisionsPerBeat;

        this.root = parseHtml(html`
            <div class="at-wrap at-wrap-recorder">
                <div class="cmp-overlay"></div>
                <div class="at-content">
                    <div class="cmp-sidebar"></div>
                    <div class="at-viewport">
                        <div class="at-canvas"></div>
                    </div>
                </div>
                <div class="cmp-footer"></div>
            </div>
        `);

        const viewport = this.root.querySelector<HTMLElement>('.at-viewport')!;
        const canvas = this.root.querySelector<HTMLElement>('.at-canvas')!;

        const settings = new alphaTab.Settings();
        settings.fillFromJson({
            core: {
                fontDirectory: options.fontDirectory ?? Paths.fontDirectory
            },
            player: {
                playerMode: alphaTab.PlayerMode.EnabledAutomatic,
                soundFont: options.soundFont ?? Paths.soundFont,
                scrollOffsetX: -10,
                scrollOffsetY: -20,
                scrollElement: viewport
            },
            display: {
                layoutMode: alphaTab.LayoutMode.Parchment,
                justifyLastSystem: true
            }
        } satisfies alphaTab.json.SettingsJson);

        this.api = new alphaTab.AlphaTabApi(canvas, settings);
        this.subscriptions.push(this.api.error.on(e => console.error('alphaTab error', e)));

        // build the empty percussion score
        this.score = new alphaTab.model.Score();
        this.track = new alphaTab.model.Track();
        this.track.name = 'Drums';
        this.track.shortName = 'Drums';
        this.track.ensureStaveCount(1);
        this.track.playbackInfo.primaryChannel = 9;
        this.track.playbackInfo.secondaryChannel = 9;
        this.staff = this.track.staves[0];
        this.staff.isPercussion = true;
        this.staff.showTablature = false;
        this.staff.showStandardNotation = true;
        this.score.addTrack(this.track);
        this.score.defaultSystemsLayout = 5;
        this.track.defaultSystemsLayout = 5;