Summary
Build an in-browser overlay editor for chartifacts metadata (timeline, sections, musicians, solos) that updates the rabbithole player in real-time without page reload.
Motivation
Current workflow: edit YAML → save → webpack rebuilds → reload page → check if timing is right. This is too slow for ear-based work where you're scrubbing audio and fine-tuning section boundaries.
Proposed Solution
UI overlay on the rabbithole player that allows:
- Adjust section boundary timestamps (click/drag or direct input)
- Edit who's soloing in each section
- Add/remove sections
- Modify musician in/out states
- See changes reflected immediately in the player
When done editing, "Export YAML" button generates the metadata in proper format for copy/paste back to the source file.
Future Integration
Eventually this editor could save directly to PickiPedia, making the wiki the source of truth for chartifacts metadata. For now, copy/paste workflow is fine.
Technical Notes
- Builds on existing
WebampChartifacts class in rabbithole_player.js
- Needs to update
trackData and re-render without full page reload
- Timeline data structure already supports the operations needed
Summary
Build an in-browser overlay editor for chartifacts metadata (timeline, sections, musicians, solos) that updates the rabbithole player in real-time without page reload.
Motivation
Current workflow: edit YAML → save → webpack rebuilds → reload page → check if timing is right. This is too slow for ear-based work where you're scrubbing audio and fine-tuning section boundaries.
Proposed Solution
UI overlay on the rabbithole player that allows:
When done editing, "Export YAML" button generates the metadata in proper format for copy/paste back to the source file.
Future Integration
Eventually this editor could save directly to PickiPedia, making the wiki the source of truth for chartifacts metadata. For now, copy/paste workflow is fine.
Technical Notes
WebampChartifactsclass inrabbithole_player.jstrackDataand re-render without full page reload