Waveform Scrubber with React Native Reanimated 🎵

A sleek waveform-based audio scrubber that provides an intuitive way to navigate through audio content. Features a responsive waveform visualization with smooth scrubbing interactions and real-time time display.

This component creates an interactive audio waveform display where users can scrub through the audio content. The waveform responds to touch gestures, providing visual feedback as users navigate through the track, while a time display updates in real-time.

The component uses gesture handling for smooth scrubbing interactions and derived values for time calculations. It features a dynamic waveform visualization that responds to the current playback position and user interaction state.

type WaveformScrubberProps = {
  waveformSamples: number[];  // Array of amplitude values
};

// Example usage
<WaveformScrubber
  waveformSamples={[0.5, 0.8, 0.3, ...]} // Amplitude values between 0 and 1
/>