Zoom into a segment

[sshadmand]

My apologies if I missed it, but I didn't see any reference to this in the docs (https://github.com/bbc/peaks.js#instanceviewscreatezoomviewcontainer) or past GH issues.

1. Given a segment, I would like to zoom into that segment so it is the only part of an audio displayed to a user.
2. (and/or) I would like to restrict playing and interaction to only be within that segment. I.e. if a user clicks anywhere else than within the segment, nothing happens.

Thanks for your help!

[chrisn]

Thank you for the question. You should be able to do something like this to zoom to fit a segment to the display:

const view = peaks.views.getView('zoomview');
const duration = segment.endTime - segment.startTime;
view.setZoom({ seconds: duration });
view.setStartTime(segment.startTime);

But it may not be possible to achieve the zoom level you want as you can't zoom in more closely than the original waveform data resolution. Zooming out from that resolution is fine.

Restricting interaction to a segment is currently not possible although it could be added I guess.