Simple music player - possible to remove advanced features - zooming and segmenting?

[jurgenwerk]

I'm building a simple web music player app and since I'm generating waveform data using audio_waveform-ruby I thought about using peaks.js to display the waveform along with a simple play/pause interface and track progress indicator.

Basically, I'd like to replicate SoundCloud's player:

Is it possible to use a stripped-down version of peaks.js to implement a simple music player like this? How would you go about it?

And thanks for making peaks.js 🙏 .

[chrisn]

Thanks for the kind feedback!

Peaks.js is currently designed to have the two waveform views you see in this screenshot image. There are other projects out there that are closer to what you want, are there particular reasons you prefer Peaks.js?

That said, there is work underway to restructure the code to support a single view, but it's slow progress due to the time I have available.

If you want to do it yourself, you could always take the Peaks.js code and strip out all the functionality you don't need. There's code in this pull request to implement the highlight (orange) region.

[chrisn]

Release 0.10.0 allows you to create a single waveform view. Please see https://github.com/bbc/peaks.js/blob/master/demo/overview-waveform.html for an example.