diff --git a/components/editor/AudioEditor.tsx b/components/editor/AudioEditor.tsx index 92deed9..cc8379e 100644 --- a/components/editor/AudioEditor.tsx +++ b/components/editor/AudioEditor.tsx @@ -96,6 +96,20 @@ export function AudioEditor() { setZoom(1); }; + // Keyboard shortcuts + React.useEffect(() => { + const handleKeyDown = (e: KeyboardEvent) => { + // Spacebar for play/pause - only if not typing in an input + if (e.code === 'Space' && !(e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement)) { + e.preventDefault(); + togglePlayPause(); + } + }; + + window.addEventListener('keydown', handleKeyDown); + return () => window.removeEventListener('keydown', handleKeyDown); + }, [togglePlayPause]); + // Find selected track const selectedTrack = tracks.find((t) => t.id === selectedTrackId); @@ -260,7 +274,7 @@ export function AudioEditor() { {/* Multi-Track Playback Controls */} -
+