@onjmin/dtm 0.1.44 → 0.1.47

package/dist/index.d.mts

@@ -1186,6 +1186,8 @@ type MMLNotePlacement = {
     startStep: number;
     pitch: number;
     durationSteps: number;
+    /** v コマンドで指定されたベロシティ（0-127、既定100） */
+    velocity: number;
 };
 /** 再生ビュー用の表示トークン（mountMmlPlayer のノート列ハイライトに使う） */
 type MMLDisplayToken = {
@@ -1690,6 +1692,20 @@ declare const DAW_CSS = "\n@font-face {\n  font-family: 'k8x12';\n  src: url('ht
  * スタイルを document.head に一度だけ注入する。
  */
 declare const injectStyles: (doc?: Document) => void;
+/**
+ * container 内にローディング画面を表示する。
+ *
+ * - `remove()` でオーバーレイを除去する。
+ * - `setProgress(done, total)` で進捗を反映する。total>0 のときはバーを実測値で
+ *   塗り、`done / total (NN%)` を表示する。total<=0 なら不確定（無限ループ）演出に戻す。
+ */
+declare const showLoadingOverlay: (container: HTMLElement, options?: {
+    onSkip?: () => void;
+    skipLabel?: string;
+}) => {
+    remove: () => void;
+    setProgress: (done: number, total: number, remainingTimeSec?: number | null) => void;
+};
 
 /**
  * 内蔵の簡易square-wave synth + ノイズ系ドラム音。
@@ -1719,4 +1735,4 @@ declare const createSynth: (ctx: AudioContext, destination?: AudioNode) => Synth
 
 declare const VOICE_IMAGES: Record<string, string>;
 
-export { type AddNoteOptions, type ApplyChordOptions, type ChordPatternType, type ChordPlacement, type ConsumedSyllable, type CoreEventHandlers, DAW_CSS, DEFAULT_BPM, DEFAULT_GATE, DEFAULT_PAN, DEFAULT_PLAYBACK_VELOCITY, DEFAULT_STEPS_PER_BAR, DEFAULT_VELOCITY, DEFAULT_VOCAL_VOLUME, DRUM_FONT, DRUM_KEYS, DRUM_PATTERNS, type DawInstance, type DawMode, type DawOptions, type DawViewState, type DrumPattern, type DtmStudio, type DtmStudioEngines, type DtmStudioOptions, type ExportMidiOptions, GM_INSTRUMENT_NAMES, INSTRUMENT_PRESETS, type InstrumentPreset, KOE_BASE_URL, KOE_VOICEBANKS, KOE_VOICEBANK_LABELS, KOE_VOICEBANK_TERMS, type KoeVoiceOptions, LinkedList, type LoopConfig, type LoopPoint, type LyricSyllable, type LyricSyncData, type LyricTrack, type LyricsConductor, MAX_VOCAL_VOLUME, MMLCore, type MMLDisplayToken, type MMLNotePlacement, MML_END_MARKER, type MidiExtraction, type MidiNotePlacement, type MidiTrackAnalysis, type MmlMeta, type MmlPlayback, type MmlPlayerInstance, type MmlPlayerOptions, type ModeSwitchInstance, type ModeSwitchOptions, type MountEditorOptions, type MountPlayerOptions, type Note, type NoteData, type NoteRemove, PITCH_MAP, PREWARM_NOTES, type ParseMMLOptions, type ParseMidiFn, type ParsedMML, type PianoRollInstance, type PianoRollOptions, type PitchToken, type PlayDrumEvent, type PlayMmlOptions, type PlayNoteEvent, type PlaySingingMmlOptions, type PlaybackCue, type PlaybackState, type PresetSelectInstance, type PresetSelectOptions, type PreviewSoundCallback, type RenderConfig, type Sequencer, type SequencerOptions, type SequencerTrack, type SingingVoices, type SingingVoicesOptions, type StreamPlaybackOptions, type StreamVoiceNote, type StreamVoiceTrack, type Synth, TRACKS_ADVANCED, TRACKS_SIMPLE, type ToolMode, type TrackConfig, VOICE_IMAGES, VOICE_IMAGE_KEY, type VoiceModel, type VoiceRegistry, analyzeMidiTracks, applyHarmonicFilter, applyMonophonic, buildChordPlacements, buildNameToKeyMapping, collectPitchTokens, createAudioContext, createDtmStudio, createKlattVoice, createKoeVoice, createLyricsConductor, createPianoRoll, createSequencer, createSingingVoices, createSynth, createVoiceRegistry, decodeMml, decomposeToMonophonic, drawGrid, drawHeader, drawKeyboard, drawNotes, drawSelectedNotes, drawSelectionRect, encodeMml, exportMIDI, extractMidiPlacements, extractMidiPlacementsByTrack, formatMmlMeta, freqFromPitch, generateRandomPattern, getDrawOffset, getGridCanvas, getGridContext, getGridPosition, getHeaderCanvas, getMidiBPM, getRenderConfig, getXY, icon, init, injectStyles, isChordHeavyTrack, koeUrl, mountDAW, mountMmlPlayer, normalizeLyrics, onClick, panToStereo, parseLyrics, parseMML, parseMmlMeta, playMML, playSingingMML, setDrawOffset, shiftNotes, stripLyrics, stripMmlMeta, vocalVolumeToGain };
+export { type AddNoteOptions, type ApplyChordOptions, type ChordPatternType, type ChordPlacement, type ConsumedSyllable, type CoreEventHandlers, DAW_CSS, DEFAULT_BPM, DEFAULT_GATE, DEFAULT_PAN, DEFAULT_PLAYBACK_VELOCITY, DEFAULT_STEPS_PER_BAR, DEFAULT_VELOCITY, DEFAULT_VOCAL_VOLUME, DRUM_FONT, DRUM_KEYS, DRUM_PATTERNS, type DawInstance, type DawMode, type DawOptions, type DawViewState, type DrumPattern, type DtmStudio, type DtmStudioEngines, type DtmStudioOptions, type ExportMidiOptions, GM_INSTRUMENT_NAMES, INSTRUMENT_PRESETS, type InstrumentPreset, KOE_BASE_URL, KOE_VOICEBANKS, KOE_VOICEBANK_LABELS, KOE_VOICEBANK_TERMS, type KoeVoiceOptions, LinkedList, type LoopConfig, type LoopPoint, type LyricSyllable, type LyricSyncData, type LyricTrack, type LyricsConductor, MAX_VOCAL_VOLUME, MMLCore, type MMLDisplayToken, type MMLNotePlacement, MML_END_MARKER, type MidiExtraction, type MidiNotePlacement, type MidiTrackAnalysis, type MmlMeta, type MmlPlayback, type MmlPlayerInstance, type MmlPlayerOptions, type ModeSwitchInstance, type ModeSwitchOptions, type MountEditorOptions, type MountPlayerOptions, type Note, type NoteData, type NoteRemove, PITCH_MAP, PREWARM_NOTES, type ParseMMLOptions, type ParseMidiFn, type ParsedMML, type PianoRollInstance, type PianoRollOptions, type PitchToken, type PlayDrumEvent, type PlayMmlOptions, type PlayNoteEvent, type PlaySingingMmlOptions, type PlaybackCue, type PlaybackState, type PresetSelectInstance, type PresetSelectOptions, type PreviewSoundCallback, type RenderConfig, type Sequencer, type SequencerOptions, type SequencerTrack, type SingingVoices, type SingingVoicesOptions, type StreamPlaybackOptions, type StreamVoiceNote, type StreamVoiceTrack, type Synth, TRACKS_ADVANCED, TRACKS_SIMPLE, type ToolMode, type TrackConfig, VOICE_IMAGES, VOICE_IMAGE_KEY, type VoiceModel, type VoiceRegistry, analyzeMidiTracks, applyHarmonicFilter, applyMonophonic, buildChordPlacements, buildNameToKeyMapping, collectPitchTokens, createAudioContext, createDtmStudio, createKlattVoice, createKoeVoice, createLyricsConductor, createPianoRoll, createSequencer, createSingingVoices, createSynth, createVoiceRegistry, decodeMml, decomposeToMonophonic, drawGrid, drawHeader, drawKeyboard, drawNotes, drawSelectedNotes, drawSelectionRect, encodeMml, exportMIDI, extractMidiPlacements, extractMidiPlacementsByTrack, formatMmlMeta, freqFromPitch, generateRandomPattern, getDrawOffset, getGridCanvas, getGridContext, getGridPosition, getHeaderCanvas, getMidiBPM, getRenderConfig, getXY, icon, init, injectStyles, isChordHeavyTrack, koeUrl, mountDAW, mountMmlPlayer, normalizeLyrics, onClick, panToStereo, parseLyrics, parseMML, parseMmlMeta, playMML, playSingingMML, setDrawOffset, shiftNotes, showLoadingOverlay, stripLyrics, stripMmlMeta, vocalVolumeToGain };

package/dist/index.d.ts

@@ -1186,6 +1186,8 @@ type MMLNotePlacement = {
     startStep: number;
     pitch: number;
     durationSteps: number;
+    /** v コマンドで指定されたベロシティ（0-127、既定100） */
+    velocity: number;
 };
 /** 再生ビュー用の表示トークン（mountMmlPlayer のノート列ハイライトに使う） */
 type MMLDisplayToken = {
@@ -1690,6 +1692,20 @@ declare const DAW_CSS = "\n@font-face {\n  font-family: 'k8x12';\n  src: url('ht
  * スタイルを document.head に一度だけ注入する。
  */
 declare const injectStyles: (doc?: Document) => void;
+/**
+ * container 内にローディング画面を表示する。
+ *
+ * - `remove()` でオーバーレイを除去する。
+ * - `setProgress(done, total)` で進捗を反映する。total>0 のときはバーを実測値で
+ *   塗り、`done / total (NN%)` を表示する。total<=0 なら不確定（無限ループ）演出に戻す。
+ */
+declare const showLoadingOverlay: (container: HTMLElement, options?: {
+    onSkip?: () => void;
+    skipLabel?: string;
+}) => {
+    remove: () => void;
+    setProgress: (done: number, total: number, remainingTimeSec?: number | null) => void;
+};
 
 /**
  * 内蔵の簡易square-wave synth + ノイズ系ドラム音。
@@ -1719,4 +1735,4 @@ declare const createSynth: (ctx: AudioContext, destination?: AudioNode) => Synth
 
 declare const VOICE_IMAGES: Record<string, string>;
 
-export { type AddNoteOptions, type ApplyChordOptions, type ChordPatternType, type ChordPlacement, type ConsumedSyllable, type CoreEventHandlers, DAW_CSS, DEFAULT_BPM, DEFAULT_GATE, DEFAULT_PAN, DEFAULT_PLAYBACK_VELOCITY, DEFAULT_STEPS_PER_BAR, DEFAULT_VELOCITY, DEFAULT_VOCAL_VOLUME, DRUM_FONT, DRUM_KEYS, DRUM_PATTERNS, type DawInstance, type DawMode, type DawOptions, type DawViewState, type DrumPattern, type DtmStudio, type DtmStudioEngines, type DtmStudioOptions, type ExportMidiOptions, GM_INSTRUMENT_NAMES, INSTRUMENT_PRESETS, type InstrumentPreset, KOE_BASE_URL, KOE_VOICEBANKS, KOE_VOICEBANK_LABELS, KOE_VOICEBANK_TERMS, type KoeVoiceOptions, LinkedList, type LoopConfig, type LoopPoint, type LyricSyllable, type LyricSyncData, type LyricTrack, type LyricsConductor, MAX_VOCAL_VOLUME, MMLCore, type MMLDisplayToken, type MMLNotePlacement, MML_END_MARKER, type MidiExtraction, type MidiNotePlacement, type MidiTrackAnalysis, type MmlMeta, type MmlPlayback, type MmlPlayerInstance, type MmlPlayerOptions, type ModeSwitchInstance, type ModeSwitchOptions, type MountEditorOptions, type MountPlayerOptions, type Note, type NoteData, type NoteRemove, PITCH_MAP, PREWARM_NOTES, type ParseMMLOptions, type ParseMidiFn, type ParsedMML, type PianoRollInstance, type PianoRollOptions, type PitchToken, type PlayDrumEvent, type PlayMmlOptions, type PlayNoteEvent, type PlaySingingMmlOptions, type PlaybackCue, type PlaybackState, type PresetSelectInstance, type PresetSelectOptions, type PreviewSoundCallback, type RenderConfig, type Sequencer, type SequencerOptions, type SequencerTrack, type SingingVoices, type SingingVoicesOptions, type StreamPlaybackOptions, type StreamVoiceNote, type StreamVoiceTrack, type Synth, TRACKS_ADVANCED, TRACKS_SIMPLE, type ToolMode, type TrackConfig, VOICE_IMAGES, VOICE_IMAGE_KEY, type VoiceModel, type VoiceRegistry, analyzeMidiTracks, applyHarmonicFilter, applyMonophonic, buildChordPlacements, buildNameToKeyMapping, collectPitchTokens, createAudioContext, createDtmStudio, createKlattVoice, createKoeVoice, createLyricsConductor, createPianoRoll, createSequencer, createSingingVoices, createSynth, createVoiceRegistry, decodeMml, decomposeToMonophonic, drawGrid, drawHeader, drawKeyboard, drawNotes, drawSelectedNotes, drawSelectionRect, encodeMml, exportMIDI, extractMidiPlacements, extractMidiPlacementsByTrack, formatMmlMeta, freqFromPitch, generateRandomPattern, getDrawOffset, getGridCanvas, getGridContext, getGridPosition, getHeaderCanvas, getMidiBPM, getRenderConfig, getXY, icon, init, injectStyles, isChordHeavyTrack, koeUrl, mountDAW, mountMmlPlayer, normalizeLyrics, onClick, panToStereo, parseLyrics, parseMML, parseMmlMeta, playMML, playSingingMML, setDrawOffset, shiftNotes, stripLyrics, stripMmlMeta, vocalVolumeToGain };
+export { type AddNoteOptions, type ApplyChordOptions, type ChordPatternType, type ChordPlacement, type ConsumedSyllable, type CoreEventHandlers, DAW_CSS, DEFAULT_BPM, DEFAULT_GATE, DEFAULT_PAN, DEFAULT_PLAYBACK_VELOCITY, DEFAULT_STEPS_PER_BAR, DEFAULT_VELOCITY, DEFAULT_VOCAL_VOLUME, DRUM_FONT, DRUM_KEYS, DRUM_PATTERNS, type DawInstance, type DawMode, type DawOptions, type DawViewState, type DrumPattern, type DtmStudio, type DtmStudioEngines, type DtmStudioOptions, type ExportMidiOptions, GM_INSTRUMENT_NAMES, INSTRUMENT_PRESETS, type InstrumentPreset, KOE_BASE_URL, KOE_VOICEBANKS, KOE_VOICEBANK_LABELS, KOE_VOICEBANK_TERMS, type KoeVoiceOptions, LinkedList, type LoopConfig, type LoopPoint, type LyricSyllable, type LyricSyncData, type LyricTrack, type LyricsConductor, MAX_VOCAL_VOLUME, MMLCore, type MMLDisplayToken, type MMLNotePlacement, MML_END_MARKER, type MidiExtraction, type MidiNotePlacement, type MidiTrackAnalysis, type MmlMeta, type MmlPlayback, type MmlPlayerInstance, type MmlPlayerOptions, type ModeSwitchInstance, type ModeSwitchOptions, type MountEditorOptions, type MountPlayerOptions, type Note, type NoteData, type NoteRemove, PITCH_MAP, PREWARM_NOTES, type ParseMMLOptions, type ParseMidiFn, type ParsedMML, type PianoRollInstance, type PianoRollOptions, type PitchToken, type PlayDrumEvent, type PlayMmlOptions, type PlayNoteEvent, type PlaySingingMmlOptions, type PlaybackCue, type PlaybackState, type PresetSelectInstance, type PresetSelectOptions, type PreviewSoundCallback, type RenderConfig, type Sequencer, type SequencerOptions, type SequencerTrack, type SingingVoices, type SingingVoicesOptions, type StreamPlaybackOptions, type StreamVoiceNote, type StreamVoiceTrack, type Synth, TRACKS_ADVANCED, TRACKS_SIMPLE, type ToolMode, type TrackConfig, VOICE_IMAGES, VOICE_IMAGE_KEY, type VoiceModel, type VoiceRegistry, analyzeMidiTracks, applyHarmonicFilter, applyMonophonic, buildChordPlacements, buildNameToKeyMapping, collectPitchTokens, createAudioContext, createDtmStudio, createKlattVoice, createKoeVoice, createLyricsConductor, createPianoRoll, createSequencer, createSingingVoices, createSynth, createVoiceRegistry, decodeMml, decomposeToMonophonic, drawGrid, drawHeader, drawKeyboard, drawNotes, drawSelectedNotes, drawSelectionRect, encodeMml, exportMIDI, extractMidiPlacements, extractMidiPlacementsByTrack, formatMmlMeta, freqFromPitch, generateRandomPattern, getDrawOffset, getGridCanvas, getGridContext, getGridPosition, getHeaderCanvas, getMidiBPM, getRenderConfig, getXY, icon, init, injectStyles, isChordHeavyTrack, koeUrl, mountDAW, mountMmlPlayer, normalizeLyrics, onClick, panToStereo, parseLyrics, parseMML, parseMmlMeta, playMML, playSingingMML, setDrawOffset, shiftNotes, showLoadingOverlay, stripLyrics, stripMmlMeta, vocalVolumeToGain };

package/dist/index.js

@@ -103,6 +103,7 @@ __export(index_exports, {
   playSingingMML: () => playSingingMML,
   setDrawOffset: () => setDrawOffset,
   shiftNotes: () => shiftNotes,
+  showLoadingOverlay: () => showLoadingOverlay,
   stripLyrics: () => stripLyrics,
   stripMmlMeta: () => stripMmlMeta,
   vocalVolumeToGain: () => vocalVolumeToGain
@@ -4481,6 +4482,7 @@ var parseMML = (mml, options = {}) => {
   let octave = 4;
   let currentStep = 0;
   let baseLength = 16;
+  let velocity = 100;
   const contributors = /* @__PURE__ */ new Map();
   const recordContributor = () => {
     let set = contributors.get(trackIndex);
@@ -4501,6 +4503,7 @@ var parseMML = (mml, options = {}) => {
       octave = 4;
       currentStep = 0;
       baseLength = 16;
+      velocity = 100;
       continue;
     }
     const body = part.replace(/\s+/g, "").toLowerCase();
@@ -4579,6 +4582,8 @@ var parseMML = (mml, options = {}) => {
           if (bpm === null) {
             bpm = clamp2(Number.parseInt(numStr, 10), 1, 255);
           }
+        } else if (ch === "v" && numStr) {
+          velocity = clamp2(Number.parseInt(numStr, 10), 0, 127);
         }
         pushTok("ctrl", currentStep, 0, tokStart);
       } else if (ch === "[") {
@@ -4624,7 +4629,8 @@ var parseMML = (mml, options = {}) => {
             trackIndex,
             startStep: currentStep,
             pitch: p,
-            durationSteps: Math.max(1, steps)
+            durationSteps: Math.max(1, steps),
+            velocity
           });
         }
         pushTok("chord", currentStep, Math.max(1, steps), tokStart);
@@ -4647,7 +4653,8 @@ var parseMML = (mml, options = {}) => {
           trackIndex,
           startStep: currentStep,
           pitch: midiPitch,
-          durationSteps: Math.max(1, steps)
+          durationSteps: Math.max(1, steps),
+          velocity
         });
         pushTok("note", currentStep, Math.max(1, steps), tokStart);
         currentStep += steps;
@@ -6569,7 +6576,7 @@ var mountMmlPlayer = (target, mml, options = {}) => {
       startStep: p.startStep,
       durationSteps: p.durationSteps,
       pitch: p.pitch,
-      velocity: 100
+      velocity: p.velocity
     }));
     return { id: String(index), volume: trackVolume, notes };
   });
@@ -7954,8 +7961,25 @@ var mountDAW = (target, options = {}) => {
   const initScrollbarDrag = () => {
     let draggingH = false;
     let draggingV = false;
+    let hScrollWasPlaying = false;
+    const finishHScroll = () => {
+      if (!draggingH) return;
+      draggingH = false;
+      if (hScrollWasPlaying) {
+        hScrollWasPlaying = false;
+        const snappedStep = Math.max(
+          0,
+          Math.floor(currentOffsetX / renderConfig.stepWidth / snapGridSteps) * snapGridSteps
+        );
+        pausedPlayStep = snappedStep;
+        currentPlayStep = snappedStep;
+        void play();
+      }
+    };
     refs.hScroll.addEventListener("pointerdown", (e) => {
       draggingH = true;
+      hScrollWasPlaying = playbackState === "playing";
+      if (hScrollWasPlaying) pause();
       e.preventDefault();
       refs.hScroll.setPointerCapture(e.pointerId);
       moveH(e.clientX);
@@ -7972,9 +7996,7 @@ var mountDAW = (target, options = {}) => {
     refs.vScroll.addEventListener("pointermove", (e) => {
       if (draggingV) moveV(e.clientY);
     });
-    refs.hScroll.addEventListener("pointerup", () => {
-      draggingH = false;
-    });
+    refs.hScroll.addEventListener("pointerup", finishHScroll);
     refs.vScroll.addEventListener("pointerup", () => {
       draggingV = false;
     });
@@ -7983,7 +8005,7 @@ var mountDAW = (target, options = {}) => {
       if (draggingV) moveV(e.clientY);
     });
     document.addEventListener("pointerup", () => {
-      draggingH = false;
+      finishHScroll();
       draggingV = false;
     });
     const moveH = (clientX) => {
@@ -9043,7 +9065,8 @@ var mountDAW = (target, options = {}) => {
       const t = trackStates[p.trackIndex];
       if (!t) continue;
       t.core.addNote(p.startStep, p.pitch, {
-        noteLengthSteps: p.durationSteps
+        noteLengthSteps: p.durationSteps,
+        velocity: p.velocity
       });
     }
     if (parsedBpm) setBpm(parsedBpm);
@@ -9779,7 +9802,7 @@ var playMML = (mml, options = {}) => {
       startStep: p.startStep,
       durationSteps: p.durationSteps,
       pitch: p.pitch,
-      velocity: 100
+      velocity: p.velocity
     }));
     return { id: String(index), volume: masterVolume, notes };
   });
@@ -11320,6 +11343,7 @@ var createDtmStudio = async (options = {}) => {
   playSingingMML,
   setDrawOffset,
   shiftNotes,
+  showLoadingOverlay,
   stripLyrics,
   stripMmlMeta,
   vocalVolumeToGain

package/dist/index.mjs

@@ -4370,6 +4370,7 @@ var parseMML = (mml, options = {}) => {
   let octave = 4;
   let currentStep = 0;
   let baseLength = 16;
+  let velocity = 100;
   const contributors = /* @__PURE__ */ new Map();
   const recordContributor = () => {
     let set = contributors.get(trackIndex);
@@ -4390,6 +4391,7 @@ var parseMML = (mml, options = {}) => {
       octave = 4;
       currentStep = 0;
       baseLength = 16;
+      velocity = 100;
       continue;
     }
     const body = part.replace(/\s+/g, "").toLowerCase();
@@ -4468,6 +4470,8 @@ var parseMML = (mml, options = {}) => {
           if (bpm === null) {
             bpm = clamp2(Number.parseInt(numStr, 10), 1, 255);
           }
+        } else if (ch === "v" && numStr) {
+          velocity = clamp2(Number.parseInt(numStr, 10), 0, 127);
         }
         pushTok("ctrl", currentStep, 0, tokStart);
       } else if (ch === "[") {
@@ -4513,7 +4517,8 @@ var parseMML = (mml, options = {}) => {
             trackIndex,
             startStep: currentStep,
             pitch: p,
-            durationSteps: Math.max(1, steps)
+            durationSteps: Math.max(1, steps),
+            velocity
           });
         }
         pushTok("chord", currentStep, Math.max(1, steps), tokStart);
@@ -4536,7 +4541,8 @@ var parseMML = (mml, options = {}) => {
           trackIndex,
           startStep: currentStep,
           pitch: midiPitch,
-          durationSteps: Math.max(1, steps)
+          durationSteps: Math.max(1, steps),
+          velocity
         });
         pushTok("note", currentStep, Math.max(1, steps), tokStart);
         currentStep += steps;
@@ -6458,7 +6464,7 @@ var mountMmlPlayer = (target, mml, options = {}) => {
       startStep: p.startStep,
       durationSteps: p.durationSteps,
       pitch: p.pitch,
-      velocity: 100
+      velocity: p.velocity
     }));
     return { id: String(index), volume: trackVolume, notes };
   });
@@ -7843,8 +7849,25 @@ var mountDAW = (target, options = {}) => {
   const initScrollbarDrag = () => {
     let draggingH = false;
     let draggingV = false;
+    let hScrollWasPlaying = false;
+    const finishHScroll = () => {
+      if (!draggingH) return;
+      draggingH = false;
+      if (hScrollWasPlaying) {
+        hScrollWasPlaying = false;
+        const snappedStep = Math.max(
+          0,
+          Math.floor(currentOffsetX / renderConfig.stepWidth / snapGridSteps) * snapGridSteps
+        );
+        pausedPlayStep = snappedStep;
+        currentPlayStep = snappedStep;
+        void play();
+      }
+    };
     refs.hScroll.addEventListener("pointerdown", (e) => {
       draggingH = true;
+      hScrollWasPlaying = playbackState === "playing";
+      if (hScrollWasPlaying) pause();
       e.preventDefault();
       refs.hScroll.setPointerCapture(e.pointerId);
       moveH(e.clientX);
@@ -7861,9 +7884,7 @@ var mountDAW = (target, options = {}) => {
     refs.vScroll.addEventListener("pointermove", (e) => {
       if (draggingV) moveV(e.clientY);
     });
-    refs.hScroll.addEventListener("pointerup", () => {
-      draggingH = false;
-    });
+    refs.hScroll.addEventListener("pointerup", finishHScroll);
     refs.vScroll.addEventListener("pointerup", () => {
       draggingV = false;
     });
@@ -7872,7 +7893,7 @@ var mountDAW = (target, options = {}) => {
       if (draggingV) moveV(e.clientY);
     });
     document.addEventListener("pointerup", () => {
-      draggingH = false;
+      finishHScroll();
       draggingV = false;
     });
     const moveH = (clientX) => {
@@ -8932,7 +8953,8 @@ var mountDAW = (target, options = {}) => {
       const t = trackStates[p.trackIndex];
       if (!t) continue;
       t.core.addNote(p.startStep, p.pitch, {
-        noteLengthSteps: p.durationSteps
+        noteLengthSteps: p.durationSteps,
+        velocity: p.velocity
       });
     }
     if (parsedBpm) setBpm(parsedBpm);
@@ -9668,7 +9690,7 @@ var playMML = (mml, options = {}) => {
       startStep: p.startStep,
       durationSteps: p.durationSteps,
       pitch: p.pitch,
-      velocity: 100
+      velocity: p.velocity
     }));
     return { id: String(index), volume: masterVolume, notes };
   });
@@ -11207,6 +11229,7 @@ export {
   playSingingMML,
   setDrawOffset,
   shiftNotes,
+  showLoadingOverlay,
   stripLyrics,
   stripMmlMeta,
   vocalVolumeToGain

package/package.json

@@ -2,7 +2,7 @@
   "author": "onjmin",
   "license": "MIT",
   "name": "@onjmin/dtm",
-  "version": "0.1.44",
+  "version": "0.1.47",
   "description": "MMLを中間言語に用いた、モバイルファーストなDAW / ピアノロール打ち込みコンポーネント",
   "homepage": "https://onjmin.github.io/dtm",
   "repository": {