classtranscribe / FrontEnd

The React + Redux Frontend for ClassTranscribe
https://classtranscribe.illinois.edu
Other
25 stars 27 forks source link

Add quick controls to make it easier to change zoom level #739

Closed angrave closed 6 months ago

angrave commented 7 months ago

Support pinch zoom and translation (multi-touch) gestures on primary video. See http://devdoc.net/web/developer.mozilla.org/en-US/docs/Web/API/Pointer_events/Pinch_zoom_gestures.html

Add vertical slider control for rapid change in zoom magnification, which opens after clicking a zoom icon on the lower left side, next to the volume. e.g., one of these- https://mui.com/material-ui/material-icons/?query=zoom

Double click zoom control icon could reset the zoom and translation.