summaryrefslogtreecommitdiff
path: root/tools/timeline_editor/README.md
diff options
context:
space:
mode:
Diffstat (limited to 'tools/timeline_editor/README.md')
-rw-r--r--tools/timeline_editor/README.md32
1 files changed, 28 insertions, 4 deletions
diff --git a/tools/timeline_editor/README.md b/tools/timeline_editor/README.md
index 6e368cf..4fcb2f4 100644
--- a/tools/timeline_editor/README.md
+++ b/tools/timeline_editor/README.md
@@ -18,19 +18,24 @@ Interactive web-based editor for `timeline.seq` files.
- 🎛️ BPM slider (60-200 BPM)
- 🔄 Re-order sequences by time
- 🗑️ Delete sequences/effects
-- ▶️ **Audio playback with auto-expand/collapse** (NEW)
-- 🎚️ **Sticky audio track and timeline ticks** (NEW)
+- ▶️ Audio playback with auto-expand/collapse
+- 🎚️ Sticky audio track and timeline ticks
+- 🔴 **Playback indicator on waveform** (NEW)
+- 🎯 **Double-click seek during playback** (NEW)
+- 📍 **Click waveform to seek** (NEW)
## Usage
1. **Open:** `open tools/timeline_editor/index.html` or double-click in browser
2. **Load timeline:** Click "📂 Load timeline.seq" → select `workspaces/main/timeline.seq`
3. **Load audio:** Click "🎵 Load Audio (WAV)" → select audio file
+4. **Auto-load via URL:** `index.html?seq=timeline.seq&wav=audio.wav`
4. **Playback:**
- Click "▶ Play" or press **Spacebar** to play/pause
- - Click waveform to seek
+ - Click waveform to seek to position
+ - **Double-click timeline** to seek during playback (continues playing)
- Watch sequences auto-expand/collapse during playback
- - Red playback indicator shows current position
+ - Red playback indicators on both timeline and waveform show current position
5. **Edit:**
- Drag sequences/effects to reposition
- Double-click sequence header to collapse/expand
@@ -78,9 +83,26 @@ SEQUENCE 2.5s 0 "Explicit seconds" # Rare: start at 2.5 physical seconds
EFFECT + Fade 0 4 # Still uses beats for duration
```
+## URL Parameters
+
+Auto-load files on page load:
+```
+index.html?seq=../../workspaces/main/timeline.seq&wav=../../audio/track.wav
+```
+
+**Parameters:**
+- `seq` - Path to `.seq` file (relative or absolute URL)
+- `wav` - Path to `.wav` audio file (relative or absolute URL)
+
+**Example:**
+```bash
+open "tools/timeline_editor/index.html?seq=../../workspaces/main/timeline.seq"
+```
+
## Keyboard Shortcuts
- **Spacebar**: Play/pause audio playback
+- **Double-click timeline**: Seek to position (continues playing if active)
- **Ctrl/Cmd + Wheel**: Zoom in/out at cursor position
## Technical Notes
@@ -97,3 +119,5 @@ SEQUENCE 2.5s 0 "Explicit seconds" # Rare: start at 2.5 physical seconds
- Snap-to-beat enabled by default for musical alignment
- **Auto-expand/collapse**: Active sequence expands during playback, previous collapses
- **Auto-scroll**: Timeline follows playback indicator (keeps it in middle third of viewport)
+- **Dual playback indicators**: Red bars on both timeline and waveform (synchronized)
+- **Seamless seek**: Double-click or waveform click seeks without stopping playback