Touchscreen friendly UI

[Donkey-Doug]

Describe the solution you'd like to see implemented Change the UI of the media playback controls such that they are better suited for laptops with touchscreens. I suggest a UI similar to that introduced by Apple in IOS 11 and currently used in mytube (closed source third party youtube client for windows). See screenshot below.

Screenshots The screenshot below us from mytube. I like that the seek bar is "fat":

Additional context Laptops that are capable of hiding/removing the keyboard to provide a tablet like experience are becoming more common.

[Mennaruuk]

You took it right out of my mouth! This feature can make FreeTube so much easier to use. As of now, I have to get out of PIP every time I want to go to a different part of the video or change the volume.

[efb4f5ff-1298-471a-8973-3d47447115dc]

@MarmadileManteater Do you think that this is already solved by the videojs mobile plugin in https://github.com/FreeTubeApp/FreeTube/pull/2719

[MarmadileManteater]

video-js-mobile-ui definitely helps with seeking back and forth, but the seek bar does also have a very small touch target. When it is focused, it expands to a much more touchable height. However, often, when I try to get the seek bar focused, I accidentally change the speed of playback instead of seeking, so I would say that this issue would be worth keeping because of that small touch target.

It might be nice to have a setting which forces the seek bar to be the larger size without being focused.

[kommunarr]

Are there any other features that would help outside of #1839?

[wittsend]

I've got a touch screen kiosk in my Kitchen that runs Freetube on KDE Plasma (Wayland I believe) and I understand the pain here. The Not just the seek bar, but the controls on the bottom of the screen are painfully small on 1920x1080 22" screen. Increasing the UI size helps, but the rest of the UI (video icons and menu items etc) become much too large by the time the onscreen video controls are getting big enough to be easy to use.

Also, touch screen gestures, like swipe to seek, and tapping on the video to play and pause etc would go a long way to improving the experience here.

I wanted to try out the 'video-js-mobile-ui' feature, but not sure how to enable this? Is it just enabled automatically when the DPI reaches a certain value?

Thanks all for you time and effort

[MarmadileManteater]

videojs-mobile-ui is activated when a touch event is detected. I'm assuming, from the sound of it, that something about the setup you are using could be translating your touch inputs into click events. (Otherwise, I'm not sure why it isn't activating.)

The default setup for videojs-mobile-ui is to only work with specific user agents (ios and android), but that was overridden in order to potentially allow non-android/ios touch devices to trigger the mobile ui.

There could potentially be a setting that controls whether the mobile ui should be enabled by default (without the need for a touch event to be detected), but I do not believe there is such a setting at the moment.

[ManuelBoe14]

I am using freetube on a touchscreen laptop with KDE(wayland). I sometimes use the app with the touchscreen and sometimes with the mouse. So far I have not noticed any differences.