clapper icon indicating copy to clipboard operation
clapper copied to clipboard

Very prominent timestamps

Open bertob opened this issue 3 years ago • 6 comments

The timestamps in the bottom bar are very prominent currently, which looks weird and can make the seek bar feel constrained at narrow widths:

image

I'd recommend doing something more similar to Totem, i.e. not showing leading zeros where possible, and maybe having one timestamp on each side rather than both on the left.

image

bertob avatar Nov 20 '20 09:11 bertob

not showing leading zeros where possible

Agreed. But I am not sure if time like 0:01/01:20:00 would be more readable? Maybe show them only (for both times) when duration exceeds 1 hour?

maybe having one timestamp on each side rather than both on the left.

Well, that is not what I had in mind when I was designing this. Originally I wanted to have easy access to language selection so all needed buttons for that are on the right (already quite a few) and timestamps on the left to have seekbar more in the middle. Also the time is already done inside a button (to conserve space). Ideally I am planning to do a popover from it with playback speed control and DnD video playlist.

Rafostar avatar Nov 20 '20 10:11 Rafostar

Maybe show them only (for both times) when duration exceeds 1 hour?

Yeah, I think that'd be a good start. Another thing that would help is only showing 1 digit for hours when it's a single digit number of hours (which is probably the majority of cases).

bertob avatar Nov 20 '20 10:11 bertob

The biggest problem with timestamps at narrow widths (in every media player I have seen) is that they make the seek bar unusable. Also the track selection buttons are taking quite some space to make it usable on mobile phones.

Having seek bar usable on mobile phone is probably top request of everyone. So I added some mobile/narrow friendly transitions to the app bottom controls panel.

Presentation video: https://raw.githubusercontent.com/Rafostar/clapper/master/media/screencast-mobile-ui.webm

Hopefully this will make user experience more enjoyable on narrow widths :smile:

Rafostar avatar Dec 02 '20 15:12 Rafostar

@bertob

In the new UI this is done with a separate time and duration labels on the sides of progress bar as you suggested, so I am marking this issue to be closed when merged. Sharing a screenshot as a heads-up prior to that.

Screenshot from 2023-11-03 17-43-59_20231122170009

Rafostar avatar Nov 22 '23 16:11 Rafostar

In the new UI

Wait, there's a new UI?

frandavid100 avatar Nov 22 '23 17:11 frandavid100

In the new UI

Wait, there's a new UI?

There is! Simplified, consistent, all OSD, while also actually being more easy to use and giving more features at that, adaptive and mobile friendly. I really did my best here, listening to everyone open issues and trying to make something (that I really, really hope) everyone will like and enjoy to use.

This is done on top of new GStreamer playback libraries implementation I did, to make something that is easier to use and works/plays better with GTK4. So yeah, it took a lot of time and effort, but basically... everything is new :smile: (for the better!). See #374

Rafostar avatar Nov 22 '23 18:11 Rafostar