Skip to content

Source Vault: player dock matches the site's (option D, waveform seek) - #52

Merged
error404website merged 1 commit into
mainfrom
feat/vault-wave-dock
Oct 8, 2026
Merged

error404website merged 1 commit into
mainfrom
feat/vault-wave-dock

Conversation

@error404website

Copy link
Copy Markdown
Owner

Option D (Wave seek) from vault-player-options.html.

  • The vault dock reuses the site player's own classes (.e-dock* from overrides.css): borderless gradient ▶/❚❚ key, « » skips, title + chapter lines, black bar, same phone fold-up with the glowing line on top.
  • The seek bar is the shown track's real waveform (150 bars from its peaks): click to jump, ←/→ for ±5 s, white playhead, played part in the magenta → cyan gradient.
  • The right-hand slot shows ■ ≈BPM · KEY [Camelot]. It opens a queue of all 20 files grouped by chapter, with BPM and length; on phones it's just the Camelot chip and the queue is a bottom sheet.
  • Before anything plays, the dock waits on 07 GOSPEL_OUT, like the site's player. « restarts the track after 3 s, otherwise goes back one.

Tested in the dev server with the mockup track data (desktop + phone widths): play/pause, waveform seek, next/prev, queue open/close/Escape, picking from the queue. npm run check passes.

🤖 Generated with Claude Code

The vault dock now uses the site's PlayerDock parts (borderless play key,
skip chevrons, title/chapter lines, black bar, phone layout). The playing
track's real waveform is the seek bar, and the right-hand slot shows
tempo, key and Camelot code and opens a 20-file queue.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
@netlify

netlify Bot commented Oct 8, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for stirring-hamster-57bba9 ready!

Name Link
🔨 Latest commit d569293
🔍 Latest deploy log https://app.netlify.com/projects/stirring-hamster-57bba9/deploys/6ac7213de6e37200081b7f9b
😎 Deploy Preview https://deploy-preview-52--stirring-hamster-57bba9.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@error404website
error404website merged commit 4b5581f into main Oct 8, 2026
5 checks passed
@error404website
error404website deleted the feat/vault-wave-dock branch October 8, 2026 04:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant