Audio spectrogram renders minimap

developmentseed / bioacoustics-frontend

Frontend code for the Google Bioacoustics project that's used by A2O Search

https://search.acousticobservatory.org/

MIT License

2 stars 0 forks source link

Audio spectrogram renders minimap #24

Open LanesGood opened 1 year ago

LanesGood commented 1 year ago

Story

The minimap component is a sub-component of the spectrogram that shows the full timeline of the audio, even when zoomed

Requirements

[ ] I can "scrub" my audio clip when zoomed by scrolling horizontally on the audio itself
[ ] I can "scrub" my audio clip when zoomed by clicking and dragging the minimap

geohacker commented 1 year ago

I'd make this a stretch goal depending on what @oliverroick thinks about the feasibility.

LanesGood commented 1 year ago

I've been playing around with the wavesurfer.js plugins, and minimap is an out-of-the-box feature for the waveforms. https://wavesurfer-js.org/examples/#minimap.js We'll want to explore:

if a spectrogram can be rendered in place of a waveform as the minimap
if this ☝️ is necessary, or if a waveform can be used as an acceptable minimap
how this intersects with/is affected by clipping

geohacker commented 1 year ago

This should stay low priority and can be revisited once all critical features for MVP are implemented.