Skip to content

[ Suggestion ] Improve recording timeline usability on mobile devices #453

Description

@dev-rfc

The recording timeline is currently very difficult to use on mobile devices. While it works reasonably well on desktop thanks to keyboard shortcuts, the mobile experience has several usability issues.

WhatsApp.Video.2026-07-08.at.23.51.08.mp4

1. No way to zoom the timeline on mobile

On desktop, the timeline can be zoomed using keyboard shortcuts, which makes it easy to navigate recordings.

On mobile, however, there is no equivalent gesture. Trying to pinch-to-zoom only zooms the browser page itself instead of the timeline, leaving the timeline extremely compressed and making it difficult to accurately select a recording or navigate through time.

It would be great if the timeline supported touch gestures (such as pinch-to-zoom) or provided dedicated zoom controls for mobile users.

2. Browser media controls overlay

On mobile browsers, a large play button is displayed over the video (the browser's native media controls).

The problem is that interacting with these controls has no effect on LightNVR playback. Playback is controlled entirely by LightNVR's own interface, so the browser controls are confusing and appear to be broken.

If possible, it would be better to prevent the browser from displaying these controls or otherwise avoid this conflict.

3. Timeline help label covers the timeline

The help tooltip is rendered directly on top of the timeline.

This partially blocks the timeline and makes it harder to interact with, especially on smaller mobile screens, but it is also inconvenient on desktop.

It would be better if this help message could be displayed elsewhere, or shown only the first time the user opens the timeline


I believe these changes would make reviewing recordings much easier on phones and tablets.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions