Zoom into a camera

Here’s a hacky zoom-enable.js that enables zooming for videos on web, mobile web, and in the mobile app.

On desktop, you can use the mouse wheel to zoom in/out, and click-and-drag to reposition the zoomed in video.

On mobile (both web and in the app), you can use the pinch gesture to zoom in/out, and touch-and-drag to reposition the zoomed in video.

https://gist.github.com/olegbl/34e890b2a5e3ae73ed15ad150973fdbe

I’m using webrtc to show my cams on the dashboard, zoom in works by default with this integration.

Where do you store this js file?

I use it too, but I’m not able to zoom in on my phone and then pan around. It just zooms in in the centre of the screen. Also there’s only two levels of zoom: no zoom or full zoom

Hi, just wondering if you ever got this to work? As i am having the same issue

No, but I haven’t gotten around to fiddle with it yet. My idea is to have the cameras flipped 90 degrees to landscape mode in maximum size on separate hidden dashboards and then navigate to these dashboards when tapping the thumbnails. In that case there isn’t a need to ‘open’ the camera views, but leave them as is. Then the zooming and panning should work fine. I haven’t tried this yet though, it could still suck… :sweat_smile: