Skip to content

feat(Waveform): add hover cursor functionality with time tracking#56

Merged
wreiske merged 3 commits intomainfrom
waveform-with-cursor
Feb 4, 2026
Merged

feat(Waveform): add hover cursor functionality with time tracking#56
wreiske merged 3 commits intomainfrom
waveform-with-cursor

Conversation

@rajkumargaramie
Copy link
Copy Markdown
Contributor

@rajkumargaramie rajkumargaramie commented Feb 3, 2026

  • Added hover cursor functionality to the waveform variant of the audio player.
  • When hovering over the waveform, a movable cursor appears and the displayed time updates to match the cursor position.
  • If the user clicks, playback seeks to that time;
  • if they move the mouse out without clicking, the cursor disappears and the time display reverts to the actual playback position.
image

Copilot AI review requested due to automatic review settings February 3, 2026 01:44
@rajkumargaramie rajkumargaramie self-assigned this Feb 3, 2026
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Feb 3, 2026

Deploying ui with  Cloudflare Pages  Cloudflare Pages

Latest commit: 4c26ef9
Status: ✅  Deploy successful!
Preview URL: https://cba93836.ui-6d0.pages.dev
Branch Preview URL: https://waveform-with-cursor.ui-6d0.pages.dev

View logs

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adds hover cursor functionality to the AudioPlayer's waveform variant, allowing users to preview the playback time by hovering over the waveform before seeking. When hovering, a vertical cursor line appears at the mouse position, and the time display updates to show the hovered time in a highlighted color.

Changes:

  • Added hover cursor visualization to the waveform with configurable color
  • Implemented hover time tracking that updates the time display when hovering over the waveform
  • Modified WaveSurfer interaction mode to disable default click behavior when hover cursor is enabled

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot AI review requested due to automatic review settings February 3, 2026 15:56
@rajkumargaramie rajkumargaramie requested review from wreiske and removed request for Copilot February 3, 2026 15:57
@wreiske wreiske merged commit 91e8569 into main Feb 4, 2026
16 checks passed
@wreiske wreiske deleted the waveform-with-cursor branch February 4, 2026 16:32
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.

3 participants