feat: add audio track support with WAV/MP3 playback and looping
Introduce KGAudioTrack and KGAudioRegion as new track/region types alongside existing MIDI tracks. Users can import WAV, MP3, OGG, FLAC, and AAC files into audio tracks with full playback, looping, and solo/mute/volume support. New core models: - KGAudioTrack (extends KGTrack with TrackType.Wave) - KGAudioRegion (extends KGRegion with audio file reference) - KGAudioPlayerBus (Tone.Gain + ToneBufferSource-based playback) - KGAudioFileStorage (OPFS media/ directory for binary audio files) New commands: - AddAudioTrackCommand (create audio track with player bus) - ImportAudioCommand (import audio file, create region at playhead, auto-expand maxBars) Playback features: - Audio regions scheduled via Tone.Transport alongside MIDI events - Loop support with duration capping at loop boundaries - Resume safety offset to prevent ToneBufferSource timing misses - Cross-track buffer copy when moving audio regions between tracks - Proper buffer cleanup on track deletion and project switch UI changes: - Separate "+ MIDI" and "+ Audio" buttons in top-left spacer - Audio track shows upload button instead of instrument selector - FileImportModal reused for audio file drag-and-drop upload - Real waveform rendering on audio region canvas - Green color scheme for audio regions (vs blue for MIDI) - Pencil icon and resize handles hidden for audio regions - Cross-type region moves blocked (MIDI ↔ Audio) - Piano roll blocked for audio regions - Audio region deletion support Infrastructure: - Project structure version bumped to 4 (no-op migration) - class-transformer discriminators updated for new subtypes - RemoveTrackCommand updated to clean up audio player buses
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
import { useCallback } from 'react';
|
||||
import { DEBUG_MODE } from '../constants';
|
||||
import { KGMidiRegion } from '../core/region/KGMidiRegion';
|
||||
import { KGAudioRegion } from '../core/region/KGAudioRegion';
|
||||
import { KGTrack } from '../core/track/KGTrack';
|
||||
import { KGCore } from '../core/KGCore';
|
||||
import type { RegionUI } from '../components/interfaces';
|
||||
@@ -46,9 +47,9 @@ export const useRegionOperations = ({
|
||||
const deleteSelectedRegions = useCallback(() => {
|
||||
// Get all selected regions from KGCore
|
||||
const selectedItems = core.getSelectedItems();
|
||||
const selectedRegions = selectedItems.filter(item =>
|
||||
item instanceof KGMidiRegion
|
||||
) as KGMidiRegion[];
|
||||
const selectedRegions = selectedItems.filter(item =>
|
||||
item instanceof KGMidiRegion || item instanceof KGAudioRegion
|
||||
);
|
||||
|
||||
if (selectedRegions.length === 0) {
|
||||
if (DEBUG_MODE.MAIN_CONTENT) {
|
||||
|
||||
Reference in New Issue
Block a user