@coderline/alphatab 1.3.0-alpha.200 → 1.3.0-alpha.205

package/dist/alphaTab.js

@@ -1,5 +1,5 @@
 /**
- * alphaTab v1.3.0-alpha.200 (develop, build 200)
+ * alphaTab v1.3.0-alpha.205 (develop, build 205)
  * 
  * Copyright © 2022, Daniel Kuschny and Contributors, All rights reserved.
  * 
@@ -14443,20 +14443,23 @@
             this._mainState = new MidiSequencerState();
             this._currentState = this._mainState;
         }
+        get isPlayingMain() {
+            return this._currentState == this._mainState;
+        }
         get isPlayingOneTimeMidi() {
             return this._currentState == this._oneTimeState;
         }
         get isPlayingCountIn() {
             return this._currentState == this._countInState;
         }
-        get playbackRange() {
-            return this._currentState.playbackRange;
+        get mainPlaybackRange() {
+            return this._mainState.playbackRange;
         }
-        set playbackRange(value) {
-            this._currentState.playbackRange = value;
+        set mainPlaybackRange(value) {
+            this._mainState.playbackRange = value;
             if (value) {
-                this._currentState.playbackRangeStartTime = this.tickPositionToTimePositionWithSpeed(value.startTick, 1);
-                this._currentState.playbackRangeEndTime = this.tickPositionToTimePositionWithSpeed(value.endTick, 1);
+                this._mainState.playbackRangeStartTime = this.tickPositionToTimePositionWithSpeed(this._mainState, value.startTick, 1);
+                this._mainState.playbackRangeEndTime = this.tickPositionToTimePositionWithSpeed(this._mainState, value.endTick, 1);
             }
         }
         get currentTime() {
@@ -14465,52 +14468,56 @@
         /**
          * Gets the duration of the song in ticks.
          */
-        get endTick() {
+        get currentEndTick() {
             return this._currentState.endTick;
         }
-        get endTime() {
+        get currentEndTime() {
             return this._currentState.endTime / this.playbackSpeed;
         }
-        seek(timePosition) {
+        mainSeek(timePosition) {
             // map to speed=1
             timePosition *= this.playbackSpeed;
             // ensure playback range
-            if (this.playbackRange) {
-                if (timePosition < this._currentState.playbackRangeStartTime) {
-                    timePosition = this._currentState.playbackRangeStartTime;
+            if (this.mainPlaybackRange) {
+                if (timePosition < this._mainState.playbackRangeStartTime) {
+                    timePosition = this._mainState.playbackRangeStartTime;
                 }
-                else if (timePosition > this._currentState.playbackRangeEndTime) {
-                    timePosition = this._currentState.playbackRangeEndTime;
+                else if (timePosition > this._mainState.playbackRangeEndTime) {
+                    timePosition = this._mainState.playbackRangeEndTime;
                 }
             }
-            if (timePosition > this._currentState.currentTime) {
-                this.silentProcess(timePosition - this._currentState.currentTime);
+            if (timePosition > this._mainState.currentTime) {
+                this.mainSilentProcess(timePosition - this._mainState.currentTime);
             }
-            else if (timePosition < this._currentState.currentTime) {
+            else if (timePosition < this._mainState.currentTime) {
                 // we have to restart the midi to make sure we get the right state: instruments, volume, pan, etc
-                this._currentState.currentTime = 0;
-                this._currentState.eventIndex = 0;
-                let metronomeVolume = this._synthesizer.metronomeVolume;
-                this._synthesizer.noteOffAll(true);
-                this._synthesizer.resetSoft();
-                this._synthesizer.setupMetronomeChannel(metronomeVolume);
-                this.silentProcess(timePosition);
+                this._mainState.currentTime = 0;
+                this._mainState.eventIndex = 0;
+                if (this.isPlayingMain) {
+                    let metronomeVolume = this._synthesizer.metronomeVolume;
+                    this._synthesizer.noteOffAll(true);
+                    this._synthesizer.resetSoft();
+                    this._synthesizer.setupMetronomeChannel(metronomeVolume);
+                }
+                this.mainSilentProcess(timePosition);
             }
         }
-        silentProcess(milliseconds) {
+        mainSilentProcess(milliseconds) {
             if (milliseconds <= 0) {
                 return;
             }
             let start = Date.now();
-            let finalTime = this._currentState.currentTime + milliseconds;
-            while (this._currentState.currentTime < finalTime) {
-                if (this.fillMidiEventQueueLimited(finalTime - this._currentState.currentTime)) {
-                    this._synthesizer.synthesizeSilent(SynthConstants.MicroBufferSize);
+            let finalTime = this._mainState.currentTime + milliseconds;
+            if (this.isPlayingMain) {
+                while (this._mainState.currentTime < finalTime) {
+                    if (this.fillMidiEventQueueLimited(finalTime - this._mainState.currentTime)) {
+                        this._synthesizer.synthesizeSilent(SynthConstants.MicroBufferSize);
+                    }
                 }
             }
-            this._currentState.currentTime = finalTime;
+            this._mainState.currentTime = finalTime;
             let duration = Date.now() - start;
-            Logger.debug('Sequencer', 'Silent seek finished in ' + duration + 'ms');
+            Logger.debug('Sequencer', 'Silent seek finished in ' + duration + 'ms (main)');
         }
         loadOneTimeMidi(midiFile) {
             this._oneTimeState = this.createStateFromFile(midiFile);
@@ -14616,18 +14623,21 @@
             }
             return anyEventsDispatched;
         }
-        tickPositionToTimePosition(tickPosition) {
-            return this.tickPositionToTimePositionWithSpeed(tickPosition, this.playbackSpeed);
+        mainTickPositionToTimePosition(tickPosition) {
+            return this.tickPositionToTimePositionWithSpeed(this._mainState, tickPosition, this.playbackSpeed);
+        }
+        mainTimePositionToTickPosition(timePosition) {
+            return this.timePositionToTickPositionWithSpeed(this._mainState, timePosition, this.playbackSpeed);
         }
-        timePositionToTickPosition(timePosition) {
-            return this.timePositionToTickPositionWithSpeed(timePosition, this.playbackSpeed);
+        currentTimePositionToTickPosition(timePosition) {
+            return this.timePositionToTickPositionWithSpeed(this._currentState, timePosition, this.playbackSpeed);
         }
-        tickPositionToTimePositionWithSpeed(tickPosition, playbackSpeed) {
+        tickPositionToTimePositionWithSpeed(state, tickPosition, playbackSpeed) {
             let timePosition = 0.0;
             let bpm = 120.0;
             let lastChange = 0;
             // find start and bpm of last tempo change before time
-            for (const c of this._currentState.tempoChanges) {
+            for (const c of state.tempoChanges) {
                 if (tickPosition < c.ticks) {
                     break;
                 }
@@ -14637,16 +14647,16 @@
             }
             // add the missing millis
             tickPosition -= lastChange;
-            timePosition += tickPosition * (60000.0 / (bpm * this._currentState.division));
+            timePosition += tickPosition * (60000.0 / (bpm * state.division));
             return timePosition / playbackSpeed;
         }
-        timePositionToTickPositionWithSpeed(timePosition, playbackSpeed) {
+        timePositionToTickPositionWithSpeed(state, timePosition, playbackSpeed) {
             timePosition *= playbackSpeed;
             let ticks = 0;
             let bpm = 120.0;
             let lastChange = 0;
             // find start and bpm of last tempo change before time
-            for (const c of this._currentState.tempoChanges) {
+            for (const c of state.tempoChanges) {
                 if (timePosition < c.time) {
                     break;
                 }
@@ -14656,25 +14666,29 @@
             }
             // add the missing ticks
             timePosition -= lastChange;
-            ticks += (timePosition / (60000.0 / (bpm * this._currentState.division))) | 0;
+            ticks += (timePosition / (60000.0 / (bpm * state.division))) | 0;
             // we add 1 for possible rounding errors.(floating point issuses)
             return ticks + 1;
         }
         get internalEndTime() {
-            return !this.playbackRange ? this._currentState.endTime : this._currentState.playbackRangeEndTime;
+            if (this.isPlayingMain) {
+                return !this.mainPlaybackRange ? this._currentState.endTime : this._currentState.playbackRangeEndTime;
+            }
+            else {
+                return this._currentState.endTime;
+            }
         }
         get isFinished() {
             return this._currentState.currentTime >= this.internalEndTime;
         }
         stop() {
-            if (!this.playbackRange) {
-                this._currentState.currentTime = 0;
-                this._currentState.eventIndex = 0;
+            if (this.isPlayingMain && this.mainPlaybackRange) {
+                this._currentState.currentTime = this.mainPlaybackRange.startTick;
             }
-            else if (this.playbackRange) {
-                this._currentState.currentTime = this.playbackRange.startTick;
-                this._currentState.eventIndex = 0;
+            else {
+                this._currentState.currentTime = 0;
             }
+            this._currentState.eventIndex = 0;
         }
         resetOneTimeMidi() {
             this._oneTimeState = null;
@@ -17312,7 +17326,7 @@
          * Initializes a new instance of the {@link AlphaSynth} class.
          * @param output The output to use for playing the generated samples.
          */
-        constructor(output) {
+        constructor(output, bufferTimeInMilliseconds) {
             this._isSoundFontLoaded = false;
             this._isMidiLoaded = false;
             this._tickPosition = 0;
@@ -17321,6 +17335,7 @@
             this._countInVolume = 0;
             this._playedEventsQueue = new Queue();
             this._midiEventsPlayedFilter = new Set();
+            this._notPlayedSamples = 0;
             this.isReady = false;
             this.state = PlayerState.Paused;
             this.ready = new EventEmitter();
@@ -17348,33 +17363,36 @@
                 this.checkReadyForPlayback();
             });
             this.output.sampleRequest.on(() => {
-                let samples = new Float32Array(SynthConstants.MicroBufferSize * SynthConstants.MicroBufferCount * SynthConstants.AudioChannels);
-                let bufferPos = 0;
-                for (let i = 0; i < SynthConstants.MicroBufferCount; i++) {
-                    // synthesize buffer
-                    this._sequencer.fillMidiEventQueue();
-                    const synthesizedEvents = this._synthesizer.synthesize(samples, bufferPos, SynthConstants.MicroBufferSize);
-                    bufferPos += SynthConstants.MicroBufferSize * SynthConstants.AudioChannels;
-                    // push all processed events into the queue
-                    // for informing users about played events
-                    for (const e of synthesizedEvents) {
-                        if (this._midiEventsPlayedFilter.has(e.event.command)) {
-                            this._playedEventsQueue.enqueue(e);
-                        }
-                    }
-                    // tell sequencer to check whether its work is done
-                    if (this._sequencer.isFinished) {
-                        break;
+                if (!this._sequencer.isFinished) {
+                    let samples = new Float32Array(SynthConstants.MicroBufferSize * SynthConstants.MicroBufferCount * SynthConstants.AudioChannels);
+                    let bufferPos = 0;
+                    for (let i = 0; i < SynthConstants.MicroBufferCount; i++) {
+                        // synthesize buffer
+                        this._sequencer.fillMidiEventQueue();
+                        const synthesizedEvents = this._synthesizer.synthesize(samples, bufferPos, SynthConstants.MicroBufferSize);
+                        bufferPos += SynthConstants.MicroBufferSize * SynthConstants.AudioChannels;
+                        // push all processed events into the queue
+                        // for informing users about played events
+                        for (const e of synthesizedEvents) {
+                            if (this._midiEventsPlayedFilter.has(e.event.command)) {
+                                this._playedEventsQueue.enqueue(e);
+                            }
+                        }
+                        // tell sequencer to check whether its work is done
+                        if (this._sequencer.isFinished) {
+                            break;
+                        }
                     }
+                    // send it to output
+                    if (bufferPos < samples.length) {
+                        samples = samples.subarray(0, bufferPos);
+                    }
+                    this._notPlayedSamples += samples.length;
+                    this.output.addSamples(samples);
                 }
-                // send it to output
-                if (bufferPos < samples.length) {
-                    samples = samples.subarray(0, bufferPos);
-                }
-                this.output.addSamples(samples);
             });
             this.output.samplesPlayed.on(this.onSamplesPlayed.bind(this));
-            this.output.open();
+            this.output.open(bufferTimeInMilliseconds);
         }
         get isReadyForPlayback() {
             return this.isReady && this._isSoundFontLoaded && this._isMidiLoaded;
@@ -17391,7 +17409,6 @@
         set masterVolume(value) {
             value = Math.max(value, SynthConstants.MinVolume);
             this._synthesizer.masterVolume = value;
-            this.onAudioSettingsUpdate();
         }
         get metronomeVolume() {
             return this._metronomeVolume;
@@ -17400,7 +17417,6 @@
             value = Math.max(value, SynthConstants.MinVolume);
             this._metronomeVolume = value;
             this._synthesizer.metronomeVolume = value;
-            this.onAudioSettingsUpdate();
         }
         get countInVolume() {
             return this._countInVolume;
@@ -17428,25 +17444,28 @@
             return this._tickPosition;
         }
         set tickPosition(value) {
-            this.timePosition = this._sequencer.tickPositionToTimePosition(value);
+            this.timePosition = this._sequencer.mainTickPositionToTimePosition(value);
         }
         get timePosition() {
             return this._timePosition;
         }
         set timePosition(value) {
-            Logger.debug('AlphaSynth', `Seeking to position ${value}ms`);
+            Logger.debug('AlphaSynth', `Seeking to position ${value}ms (main)`);
             // tell the sequencer to jump to the given position
-            this._sequencer.seek(value);
+            this._sequencer.mainSeek(value);
             // update the internal position
             this.updateTimePosition(value, true);
             // tell the output to reset the already synthesized buffers and request data again
-            this.output.resetSamples();
+            if (this._sequencer.isPlayingMain) {
+                this._notPlayedSamples = 0;
+                this.output.resetSamples();
+            }
         }
         get playbackRange() {
-            return this._sequencer.playbackRange;
+            return this._sequencer.mainPlaybackRange;
         }
         set playbackRange(value) {
-            this._sequencer.playbackRange = value;
+            this._sequencer.mainPlaybackRange = value;
             if (value) {
                 this.tickPosition = value.startTick;
             }
@@ -17479,6 +17498,10 @@
             return true;
         }
         playInternal() {
+            if (this._sequencer.isPlayingOneTimeMidi) {
+                Logger.debug('AlphaSynth', 'Cancelling one time midi');
+                this.stopOneTimeMidi();
+            }
             Logger.debug('AlphaSynth', 'Starting playback');
             this._synthesizer.setupMetronomeChannel(this.metronomeVolume);
             this.state = PlayerState.Playing;
@@ -17509,18 +17532,27 @@
             Logger.debug('AlphaSynth', 'Stopping playback');
             this.state = PlayerState.Paused;
             this.output.pause();
+            this._notPlayedSamples = 0;
             this._sequencer.stop();
             this._synthesizer.noteOffAll(true);
-            this.tickPosition = this._sequencer.playbackRange ? this._sequencer.playbackRange.startTick : 0;
+            this.tickPosition = this._sequencer.mainPlaybackRange ? this._sequencer.mainPlaybackRange.startTick : 0;
             this.stateChanged.trigger(new PlayerStateChangedEventArgs(this.state, true));
         }
         playOneTimeMidiFile(midi) {
-            // pause current playback.
-            this.pause();
+            if (this._sequencer.isPlayingOneTimeMidi) {
+                this.stopOneTimeMidi();
+            }
+            else {
+                // pause current playback.
+                this.pause();
+            }
             this._sequencer.loadOneTimeMidi(midi);
-            this._sequencer.stop();
             this._synthesizer.noteOffAll(true);
-            this.tickPosition = 0;
+            // update the internal position
+            this.updateTimePosition(0, true);
+            // tell the output to reset the already synthesized buffers and request data again
+            this._notPlayedSamples = 0;
+            this.output.resetSamples();
             this.output.play();
         }
         resetSoundFonts() {
@@ -17563,7 +17595,7 @@
                 Logger.debug('AlphaSynth', 'Loading midi from model');
                 this._sequencer.loadMidi(midi);
                 this._isMidiLoaded = true;
-                this.midiLoaded.trigger(new PositionChangedEventArgs(0, this._sequencer.endTime, 0, this._sequencer.endTick, false));
+                this.midiLoaded.trigger(new PositionChangedEventArgs(0, this._sequencer.currentEndTime, 0, this._sequencer.currentEndTick, false));
                 Logger.debug('AlphaSynth', 'Midi successfully loaded');
                 this.checkReadyForPlayback();
                 this.tickPosition = 0;
@@ -17575,28 +17607,23 @@
         }
         setChannelMute(channel, mute) {
             this._synthesizer.channelSetMute(channel, mute);
-            this.onAudioSettingsUpdate();
         }
         resetChannelStates() {
             this._synthesizer.resetChannelStates();
         }
         setChannelSolo(channel, solo) {
             this._synthesizer.channelSetSolo(channel, solo);
-            this.onAudioSettingsUpdate();
         }
         setChannelVolume(channel, volume) {
             volume = Math.max(volume, SynthConstants.MinVolume);
             this._synthesizer.channelSetMixVolume(channel, volume);
-            this.onAudioSettingsUpdate();
-        }
-        onAudioSettingsUpdate() {
-            // seeking to the currently known position, will ensure we
-            // clear all audio buffers and re-generate the audio 
-            // which was not actually played yet. 
-            this.timePosition = this.timePosition;
         }
         onSamplesPlayed(sampleCount) {
+            if (sampleCount === 0) {
+                return;
+            }
             let playedMillis = (sampleCount / this._synthesizer.outSampleRate) * 1000;
+            this._notPlayedSamples -= sampleCount * SynthConstants.AudioChannels;
             this.updateTimePosition(this._timePosition + playedMillis, false);
             this.checkForFinish();
         }
@@ -17608,22 +17635,24 @@
                 endTick = this.playbackRange.endTick;
             }
             else {
-                endTick = this._sequencer.endTick;
+                endTick = this._sequencer.currentEndTick;
             }
-            if (this._tickPosition >= endTick) {
-                Logger.debug('AlphaSynth', 'Finished playback');
+            if (this._tickPosition >= endTick && this._notPlayedSamples <= 0) {
+                this._notPlayedSamples = 0;
                 if (this._sequencer.isPlayingCountIn) {
+                    Logger.debug('AlphaSynth', 'Finished playback (count-in)');
                     this._sequencer.resetCountIn();
                     this.timePosition = this._sequencer.currentTime;
                     this.playInternal();
                 }
                 else if (this._sequencer.isPlayingOneTimeMidi) {
-                    this._sequencer.resetOneTimeMidi();
+                    Logger.debug('AlphaSynth', 'Finished playback (one time)');
+                    this.output.resetSamples();
                     this.state = PlayerState.Paused;
-                    this.output.pause();
-                    this._synthesizer.noteOffAll(false);
+                    this.stopOneTimeMidi();
                 }
                 else {
+                    Logger.debug('AlphaSynth', 'Finished playback (main)');
                     this.finished.trigger();
                     if (this.isLooping) {
                         this.tickPosition = startTick;
@@ -17634,16 +17663,27 @@
                 }
             }
         }
+        stopOneTimeMidi() {
+            this.output.pause();
+            this._synthesizer.noteOffAll(true);
+            this._sequencer.resetOneTimeMidi();
+            this.timePosition = this._sequencer.currentTime;
+        }
         updateTimePosition(timePosition, isSeek) {
             // update the real positions
             const currentTime = timePosition;
             this._timePosition = currentTime;
-            const currentTick = this._sequencer.timePositionToTickPosition(currentTime);
+            const currentTick = this._sequencer.currentTimePositionToTickPosition(currentTime);
             this._tickPosition = currentTick;
-            const endTime = this._sequencer.endTime;
-            const endTick = this._sequencer.endTick;
-            if (!this._sequencer.isPlayingOneTimeMidi && !this._sequencer.isPlayingCountIn) {
-                Logger.debug('AlphaSynth', `Position changed: (time: ${currentTime}/${endTime}, tick: ${currentTick}/${endTick}, Active Voices: ${this._synthesizer.activeVoiceCount}`);
+            const endTime = this._sequencer.currentEndTime;
+            const endTick = this._sequencer.currentEndTick;
+            const mode = this._sequencer.isPlayingMain
+                ? 'main'
+                : this._sequencer.isPlayingCountIn
+                    ? 'count-in'
+                    : 'one-time';
+            Logger.debug('AlphaSynth', `Position changed: (time: ${currentTime}/${endTime}, tick: ${currentTick}/${endTick}, Active Voices: ${this._synthesizer.activeVoiceCount} (${mode})`);
+            if (this._sequencer.isPlayingMain) {
                 this.positionChanged.trigger(new PositionChangedEventArgs(currentTime, endTime, currentTick, endTick, isSeek));
             }
             // build events which were actually played
@@ -18620,6 +18660,12 @@
              * Gets or sets whether the triplet feel should be applied/played during audio playback.
              */
             this.playTripletFeel = true;
+            /**
+             * Gets or sets how many milliseconds of audio samples should be buffered in total.
+             * Larger buffers cause a delay from when audio settings like volumes will be applied.
+             * Smaller buffers can cause audio crackling due to constant buffering that is happening.
+             */
+            this.bufferTimeInMilliseconds = 500;
         }
     }
 
@@ -19076,6 +19122,7 @@
             o.set("vibrato", VibratoPlaybackSettingsSerializer.toJson(obj.vibrato));
             o.set("slide", SlidePlaybackSettingsSerializer.toJson(obj.slide));
             o.set("playtripletfeel", obj.playTripletFeel);
+            o.set("buffertimeinmilliseconds", obj.bufferTimeInMilliseconds);
             return o;
         }
         static setProperty(obj, property, v) {
@@ -19127,6 +19174,9 @@
                 case "playtripletfeel":
                     obj.playTripletFeel = v;
                     return true;
+                case "buffertimeinmilliseconds":
+                    obj.bufferTimeInMilliseconds = v;
+                    return true;
             }
             if (["vibrato"].indexOf(property) >= 0) {
                 VibratoPlaybackSettingsSerializer.fromJson(obj.vibrato, v);
@@ -20714,10 +20764,10 @@
      * @target web
      */
     class AlphaSynthWebWorker {
-        constructor(main) {
+        constructor(main, bufferTimeInMilliseconds) {
             this._main = main;
             this._main.addEventListener('message', this.handleMessage.bind(this));
-            this._player = new AlphaSynth(new AlphaSynthWorkerSynthOutput());
+            this._player = new AlphaSynth(new AlphaSynthWorkerSynthOutput(), bufferTimeInMilliseconds);
             this._player.positionChanged.on(this.onPositionChanged.bind(this));
             this._player.stateChanged.on(this.onPlayerStateChanged.bind(this));
             this._player.finished.on(this.onFinished.bind(this));
@@ -20742,7 +20792,7 @@
                     case 'alphaSynth.initialize':
                         AlphaSynthWorkerSynthOutput.preferredSampleRate = data.sampleRate;
                         Logger.logLevel = data.logLevel;
-                        Environment.globalThis.alphaSynthWebWorker = new AlphaSynthWebWorker(main);
+                        Environment.globalThis.alphaSynthWebWorker = new AlphaSynthWebWorker(main, data.bufferTimeInMilliseconds);
                         break;
                 }
             });
@@ -21028,11 +21078,11 @@
             /**
              * Gets or sets the index of the first masterbar that was rendered in this result.
              */
-            this.firstMasterBarIndex = 0;
+            this.firstMasterBarIndex = -1;
             /**
              * Gets or sets the index of the last masterbar that was rendered in this result.
              */
-            this.lastMasterBarIndex = 0;
+            this.lastMasterBarIndex = -1;
             /**
              * Gets or sets the render engine specific result object which contains the rendered music sheet.
              */
@@ -21393,14 +21443,6 @@
             }
             this.isFinished = true;
         }
-        /**
-         * Adds a new note to the lookup.
-         * @param bounds The note bounds to add.
-         */
-        addNote(bounds) {
-            let beat = this.findBeat(bounds.note.beat);
-            beat.addNote(bounds);
-        }
         /**
          * Adds a new stave group to the lookup.
          * @param bounds The stave group bounds to add.
@@ -21430,7 +21472,11 @@
          * @param bounds The beat bounds to add.
          */
         addBeat(bounds) {
-            this._beatLookup.set(bounds.beat.id, bounds);
+            var _a;
+            if (!this._beatLookup.has(bounds.beat.id)) {
+                this._beatLookup.set(bounds.beat.id, []);
+            }
+            (_a = this._beatLookup.get(bounds.beat.id)) === null || _a === void 0 ? void 0 : _a.push(bounds);
         }
         /**
          * Tries to find the master bar bounds by a given index.
@@ -21461,6 +21507,15 @@
          * @returns The beat bounds if it was rendered, or null if no boundary information is available.
          */
         findBeat(beat) {
+            const all = this.findBeats(beat);
+            return all ? all[0] : null;
+        }
+        /**
+         * Tries to find the bounds of a given beat.
+         * @param beat The beat to find.
+         * @returns The beat bounds if it was rendered, or null if no boundary information is available.
+         */
+        findBeats(beat) {
             let id = beat.id;
             if (this._beatLookup.has(id)) {
                 return this._beatLookup.get(id);
@@ -21517,11 +21572,16 @@
          * @returns The note at the given position within the beat.
          */
         getNoteAtPos(beat, x, y) {
-            let beatBounds = this.findBeat(beat);
-            if (!beatBounds) {
-                return null;
+            const beatBounds = this.findBeats(beat);
+            if (beatBounds) {
+                for (const b of beatBounds) {
+                    const note = b.findNoteAtPos(x, y);
+                    if (note) {
+                        return note;
+                    }
+                }
             }
-            return beatBounds.findNoteAtPos(x, y);
+            return null;
         }
     }
 
@@ -23627,7 +23687,7 @@
         }
         generateSingleNote(note) {
             this.prepareSingleBeat(note.beat);
-            this.generateNote(note, -note.beat.playbackStart, note.beat.playbackDuration, new Int32Array(note.beat.voice.bar.staff.tuning.length));
+            this.generateNote(note, 0, note.beat.playbackDuration, new Int32Array(note.beat.voice.bar.staff.tuning.length));
         }
     }
     MidiFileGenerator.DefaultDurationDead = 30;
@@ -24079,11 +24139,15 @@
             this._lastScroll = 0;
             this.playedBeatChanged = new EventEmitterOfT();
             this._beatMouseDown = false;
+            this._noteMouseDown = false;
             this._selectionStart = null;
             this._selectionEnd = null;
             this.beatMouseDown = new EventEmitterOfT();
             this.beatMouseMove = new EventEmitterOfT();
             this.beatMouseUp = new EventEmitterOfT();
+            this.noteMouseDown = new EventEmitterOfT();
+            this.noteMouseMove = new EventEmitterOfT();
+            this.noteMouseUp = new EventEmitterOfT();
             this.scoreLoaded = new EventEmitterOfT();
             this.resize = new EventEmitterOfT();
             this.renderStarted = new EventEmitterOfT();
@@ -24684,7 +24748,6 @@
             this._playerState = PlayerState.Paused;
             // we need to update our position caches if we render a tablature
             this.renderer.postRenderFinished.on(() => {
-                debugger;
                 this.cursorUpdateTick(this._previousTick, false, this._previousTick > 10);
             });
             if (this.player) {
@@ -24899,6 +24962,14 @@
             this.beatMouseDown.trigger(beat);
             this.uiFacade.triggerEvent(this.container, 'beatMouseDown', beat, originalEvent);
         }
+        onNoteMouseDown(originalEvent, note) {
+            if (this._isDestroyed) {
+                return;
+            }
+            this._noteMouseDown = true;
+            this.noteMouseDown.trigger(note);
+            this.uiFacade.triggerEvent(this.container, 'noteMouseDown', note, originalEvent);
+        }
         onBeatMouseMove(originalEvent, beat) {
             if (this._isDestroyed) {
                 return;
@@ -24912,6 +24983,13 @@
             this.beatMouseMove.trigger(beat);
             this.uiFacade.triggerEvent(this.container, 'beatMouseMove', beat, originalEvent);
         }
+        onNoteMouseMove(originalEvent, note) {
+            if (this._isDestroyed) {
+                return;
+            }
+            this.noteMouseMove.trigger(note);
+            this.uiFacade.triggerEvent(this.container, 'noteMouseMove', note, originalEvent);
+        }
         onBeatMouseUp(originalEvent, beat) {
             if (this._isDestroyed) {
                 return;
@@ -24960,6 +25038,14 @@
             this.uiFacade.triggerEvent(this.container, 'beatMouseUp', beat, originalEvent);
             this._beatMouseDown = false;
         }
+        onNoteMouseUp(originalEvent, note) {
+            if (this._isDestroyed) {
+                return;
+            }
+            this.noteMouseUp.trigger(note);
+            this.uiFacade.triggerEvent(this.container, 'noteMouseUp', note, originalEvent);
+            this._noteMouseDown = false;
+        }
         updateSelectionCursor(range) {
             if (!this._tickCache) {
                 return;
@@ -24979,7 +25065,7 @@
         }
         setupClickHandling() {
             this.canvasElement.mouseDown.on(e => {
-                var _a, _b;
+                var _a, _b, _c;
                 if (!e.isLeftMouseButton) {
                     return;
                 }
@@ -24991,10 +25077,16 @@
                 let beat = (_b = (_a = this.renderer.boundsLookup) === null || _a === void 0 ? void 0 : _a.getBeatAtPos(relX, relY)) !== null && _b !== void 0 ? _b : null;
                 if (beat) {
                     this.onBeatMouseDown(e, beat);
+                    if (this.settings.core.includeNoteBounds) {
+                        const note = (_c = this.renderer.boundsLookup) === null || _c === void 0 ? void 0 : _c.getNoteAtPos(beat, relX, relY);
+                        if (note) {
+                            this.onNoteMouseDown(e, note);
+                        }
+                    }
                 }
             });
             this.canvasElement.mouseMove.on(e => {
-                var _a, _b;
+                var _a, _b, _c;
                 if (!this._beatMouseDown) {
                     return;
                 }
@@ -25003,10 +25095,16 @@
                 let beat = (_b = (_a = this.renderer.boundsLookup) === null || _a === void 0 ? void 0 : _a.getBeatAtPos(relX, relY)) !== null && _b !== void 0 ? _b : null;
                 if (beat) {
                     this.onBeatMouseMove(e, beat);
+                    if (this._noteMouseDown) {
+                        const note = (_c = this.renderer.boundsLookup) === null || _c === void 0 ? void 0 : _c.getNoteAtPos(beat, relX, relY);
+                        if (note) {
+                            this.onNoteMouseMove(e, note);
+                        }
+                    }
                 }
             });
             this.canvasElement.mouseUp.on(e => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 if (!this._beatMouseDown) {
                     return;
                 }
@@ -25017,6 +25115,15 @@
                 let relY = e.getY(this.canvasElement);
                 let beat = (_b = (_a = this.renderer.boundsLookup) === null || _a === void 0 ? void 0 : _a.getBeatAtPos(relX, relY)) !== null && _b !== void 0 ? _b : null;
                 this.onBeatMouseUp(e, beat);
+                if (this._noteMouseDown) {
+                    if (beat) {
+                        const note = (_d = (_c = this.renderer.boundsLookup) === null || _c === void 0 ? void 0 : _c.getNoteAtPos(beat, relX, relY)) !== null && _d !== void 0 ? _d : null;
+                        this.onNoteMouseUp(e, note);
+                    }
+                    else {
+                        this.onNoteMouseUp(e, null);
+                    }
+                }
             });
             this.renderer.postRenderFinished.on(() => {
                 if (!this._selectionStart ||
@@ -25650,7 +25757,7 @@
             }
             throw new AlphaTabError(exports.AlphaTabErrorType.General, 'AudioContext not found');
         }
-        open() {
+        open(bufferTimeInMilliseconds) {
             this.patchIosSampleRate();
             this._context = this.createAudioContext();
             let ctx = this._context;
@@ -25708,8 +25815,7 @@
         }
     }
     AlphaSynthWebAudioOutputBase.BufferSize = 4096;
-    AlphaSynthWebAudioOutputBase.PreferredSampleRate = 44100;
-    AlphaSynthWebAudioOutputBase.TotalBufferTimeInMilliseconds = 5000;
+    AlphaSynthWebAudioOutputBase.PreferredSampleRate = 44100;
 
     // tslint:disable: deprecation
     /**
@@ -25725,11 +25831,9 @@
             this._requestedBufferCount = 0;
             this._outputBuffer = new Float32Array(0);
         }
-        open() {
-            super.open();
-            this._bufferCount = Math.floor((AlphaSynthWebAudioOutputBase.TotalBufferTimeInMilliseconds * this.sampleRate) /
-                1000 /
-                AlphaSynthWebAudioOutputBase.BufferSize);
+        open(bufferTimeInMilliseconds) {
+            super.open(bufferTimeInMilliseconds);
+            this._bufferCount = Math.floor((bufferTimeInMilliseconds * this.sampleRate) / 1000 / AlphaSynthWebAudioOutputBase.BufferSize);
             this._circularBuffer = new CircularSampleBuffer(AlphaSynthWebAudioOutputBase.BufferSize * this._bufferCount);
             this.onReady();
         }
@@ -25787,13 +25891,13 @@
                 buffer = new Float32Array(samples);
                 this._outputBuffer = buffer;
             }
-            this._circularBuffer.read(buffer, 0, Math.min(buffer.length, this._circularBuffer.count));
+            const samplesFromBuffer = this._circularBuffer.read(buffer, 0, Math.min(buffer.length, this._circularBuffer.count));
             let s = 0;
             for (let i = 0; i < left.length; i++) {
                 left[i] = buffer[s++];
                 right[i] = buffer[s++];
             }
-            this.onSamplesPlayed(left.length);
+            this.onSamplesPlayed(samplesFromBuffer / SynthConstants.AudioChannels);
             this.requestBuffers();
         }
     }
@@ -25818,7 +25922,7 @@
      * @target web
      */
     class AlphaSynthWebWorkerApi {
-        constructor(player, alphaSynthScriptFile, logLevel) {
+        constructor(player, alphaSynthScriptFile, logLevel, bufferTimeInMilliseconds) {
             this._workerIsReadyForPlayback = false;
             this._workerIsReady = false;
             this._outputIsReady = false;
@@ -25858,7 +25962,7 @@
             this._output.ready.on(this.onOutputReady.bind(this));
             this._output.samplesPlayed.on(this.onOutputSamplesPlayed.bind(this));
             this._output.sampleRequest.on(this.onOutputSampleRequest.bind(this));
-            this._output.open();
+            this._output.open(bufferTimeInMilliseconds);
             try {
                 this._synth = Environment.createAlphaTabWorker(alphaSynthScriptFile);
             }
@@ -25876,7 +25980,8 @@
             this._synth.postMessage({
                 cmd: 'alphaSynth.initialize',
                 sampleRate: this._output.sampleRate,
-                logLevel: logLevel
+                logLevel: logLevel,
+                bufferTimeInMilliseconds: bufferTimeInMilliseconds
             });
             this.masterVolume = 1;
             this.playbackSpeed = 1;
@@ -26360,14 +26465,13 @@
             }
             AlphaSynthWebWorklet._isRegistered = true;
             registerProcessor('alphatab', (_a = class AlphaSynthWebWorkletProcessor extends AudioWorkletProcessor {
-                    constructor(...args) {
-                        super(...args);
+                    constructor(options) {
+                        super(options);
                         this._outputBuffer = new Float32Array(0);
                         this._bufferCount = 0;
                         this._requestedBufferCount = 0;
-                        Logger.info('WebAudio', 'creating processor');
-                        this._bufferCount = Math.floor((AlphaSynthWebWorkletProcessor.TotalBufferTimeInMilliseconds *
-                            sampleRate) /
+                        Logger.debug('WebAudio', 'creating processor');
+                        this._bufferCount = Math.floor((options.processorOptions.bufferTimeInMilliseconds * sampleRate) /
                             1000 /
                             AlphaSynthWebWorkletProcessor.BufferSize);
                         this._circularBuffer = new CircularSampleBuffer(AlphaSynthWebWorkletProcessor.BufferSize * this._bufferCount);
@@ -26402,7 +26506,7 @@
                             buffer = new Float32Array(samples);
                             this._outputBuffer = buffer;
                         }
-                        this._circularBuffer.read(buffer, 0, Math.min(buffer.length, this._circularBuffer.count));
+                        const samplesFromBuffer = this._circularBuffer.read(buffer, 0, Math.min(buffer.length, this._circularBuffer.count));
                         let s = 0;
                         for (let i = 0; i < left.length; i++) {
                             left[i] = buffer[s++];
@@ -26410,7 +26514,7 @@
                         }
                         this.port.postMessage({
                             cmd: AlphaSynthWorkerSynthOutput.CmdOutputSamplesPlayed,
-                            samples: left.length
+                            samples: samplesFromBuffer / SynthConstants.AudioChannels
                         });
                         this.requestBuffers();
                         return true;
@@ -26436,7 +26540,6 @@
                     }
                 },
                 _a.BufferSize = 4096,
-                _a.TotalBufferTimeInMilliseconds = 5000,
                 _a));
         }
     }
@@ -26450,9 +26553,11 @@
         constructor() {
             super(...arguments);
             this._worklet = null;
+            this._bufferTimeInMilliseconds = 0;
         }
-        open() {
-            super.open();
+        open(bufferTimeInMilliseconds) {
+            super.open(bufferTimeInMilliseconds);
+            this._bufferTimeInMilliseconds = bufferTimeInMilliseconds;
             this.onReady();
         }
         play() {
@@ -26462,7 +26567,10 @@
             ctx.audioWorklet.addModule(Environment.scriptFile).then(() => {
                 this._worklet = new AudioWorkletNode(ctx, 'alphatab', {
                     numberOfOutputs: 1,
-                    outputChannelCount: [2]
+                    outputChannelCount: [2],
+                    processorOptions: {
+                        bufferTimeInMilliseconds: this._bufferTimeInMilliseconds
+                    }
                 });
                 this._worklet.port.onmessage = this.handleMessage.bind(this);
                 this._source.connect(this._worklet);
@@ -26908,7 +27016,9 @@
                 // remember which bar is contained in which node for faster lookup
                 // on highlight/unhighlight
                 for (let i = renderResult.firstMasterBarIndex; i <= renderResult.lastMasterBarIndex; i++) {
-                    this._barToElementLookup.set(i, placeholder);
+                    if (i >= 0) {
+                        this._barToElementLookup.set(i, placeholder);
+                    }
                 }
                 if (this._api.settings.core.enableLazyLoading) {
                     // re-observe to fire event
@@ -26935,11 +27045,11 @@
             let supportsAudioWorklets = window.isSecureContext && 'AudioWorkletNode' in window && !Environment.isWebPackBundled;
             if (supportsAudioWorklets) {
                 Logger.debug('Player', 'Will use webworkers for synthesizing and web audio api with worklets for playback');
-                player = new AlphaSynthWebWorkerApi(new AlphaSynthAudioWorkletOutput(), alphaSynthScriptFile, this._api.settings.core.logLevel);
+                player = new AlphaSynthWebWorkerApi(new AlphaSynthAudioWorkletOutput(), alphaSynthScriptFile, this._api.settings.core.logLevel, this._api.settings.player.bufferTimeInMilliseconds);
             }
             else if (supportsScriptProcessor) {
                 Logger.debug('Player', 'Will use webworkers for synthesizing and web audio api for playback');
-                player = new AlphaSynthWebWorkerApi(new AlphaSynthScriptProcessorOutput(), alphaSynthScriptFile, this._api.settings.core.logLevel);
+                player = new AlphaSynthWebWorkerApi(new AlphaSynthScriptProcessorOutput(), alphaSynthScriptFile, this._api.settings.core.logLevel, this._api.settings.player.bufferTimeInMilliseconds);
             }
             if (!player) {
                 Logger.error('Player', 'Player requires webworkers and web audio api, browser unsupported', null);
@@ -32872,8 +32982,6 @@
             e.height = tuningHeight;
             e.totalWidth = this.width;
             e.totalHeight = totalHeight < 0 ? y + e.height : totalHeight;
-            e.firstMasterBarIndex = -1;
-            e.lastMasterBarIndex = -1;
             this.registerPartial(e, (canvas) => {
                 canvas.color = res.scoreInfoColor;
                 canvas.textAlign = TextAlign.Center;
@@ -32896,8 +33004,6 @@
             e.height = diagramHeight;
             e.totalWidth = this.width;
             e.totalHeight = totalHeight < 0 ? y + diagramHeight : totalHeight;
-            e.firstMasterBarIndex = -1;
-            e.lastMasterBarIndex = -1;
             this.registerPartial(e, (canvas) => {
                 canvas.color = res.scoreInfoColor;
                 canvas.textAlign = TextAlign.Center;
@@ -32955,8 +33061,6 @@
             e.height = infoHeight;
             e.totalWidth = this.width;
             e.totalHeight = totalHeight < 0 ? y + e.height : totalHeight;
-            e.firstMasterBarIndex = -1;
-            e.lastMasterBarIndex = -1;
             this.registerPartial(e, (canvas) => {
                 canvas.color = res.scoreInfoColor;
                 canvas.textAlign = TextAlign.Center;
@@ -37821,7 +37925,7 @@
             noteBounds.noteHeadBounds.y = cy + this.y - this.height / 2;
             noteBounds.noteHeadBounds.w = this.width;
             noteBounds.noteHeadBounds.h = this.height;
-            this.renderer.scoreRenderer.boundsLookup.addNote(noteBounds);
+            beatBounds.addNote(noteBounds);
         }
     }
 
@@ -40684,8 +40788,8 @@
     // </auto-generated>
     class VersionInfo {
     }
-    VersionInfo.version = '1.3.0-alpha.200';
-    VersionInfo.date = '2022-03-08T00:34:45.791Z';
+    VersionInfo.version = '1.3.0-alpha.205';
+    VersionInfo.date = '2022-03-13T00:34:39.940Z';
 
     var index$5 = /*#__PURE__*/Object.freeze({
         __proto__: null,