1x1 grid view option

[SameenAhnaf]

Checklist

• I checked, but didn't find any duplicates (open OR closed) of this issue in the repo.
• I have read the contribution guidelines given at https://github.com/TeamNewPipe/NewPipe/blob/HEAD/.github/CONTRIBUTING.md.
• This issue contains only one feature request. I will open one issue for every feature I want to request.

Describe the feature you want

Users in #5153 asked for adding big thumbnail just like YouTube app. It was expected to be added for related videos, what's new feed, subscription feed and trending feed only. However, it could be a separate setting as well.

"1×1 Grid" should be applicable only for trending, subscription group, what's new feed and related videos if 'Auto' view mode is selected. List view will be applicable for channels and playlists at this moment.

One more thing, "1x1 grid video preview" setting will be great. This setting will play preview and other stuff automatically. An "Unmute" (Just like Facebook Watch) should be shown. Note that unmuting a video should start the video with other interface options right then without opening the video info. Video should play continuously unless a user scrolls down.

1. Off: Videos will be listed as usual. No unmute button should be shown.
2. On, for 3 seconds: Preview should be shown of 3 seconds repeatedly unless a user scrolls down.
3. On, for 6 seconds: Preview should be shown for 6 seconds repeatedly unless a user scrolls down.
4. Play video: Videos should start playing muted by default. Clicking on 'Unmute' should switch the video unmuted.

Is your feature request related to a problem? Please describe it

Additional context

Related issues: #6086, #5153, #5826, #6083

How will you/everyone benefit from this feature?

User experience will be just like YouTube app. Big thumbnail will be a joy to browse. Plus, auto view mode will be able to make a true sense.

[gaijin213]

Hey team, I also have difficulties using the app with small thumbnails instead if big ones in the original YT app and even Libretube or Skytube.

Any additional info is needed to have this feature worked on ?

Thanks!

[opusforlife2]

@SameenAhnaf This isn't adhering to the "one FR per issue" rule. Should be closed since #5153 is already there.

[mahendranv]

I did some changes in my fork and have achieved something similar. It is not a 1x1 grid but, rearranged the list item layout a bit.

This one required bit of changes in Extractor as current implementation picks thumbs with low resolution.

My suggestion

There can be a new item view called card will be introduced. It behaves this way,

Form factor	Portrait	Landscape
Phone	Full width card	Current list item view with larger thumbnail
Tablet	Two per row	4 per row(trial and error)

Another setting checkbox for thumbnail resolution can be introduced. This setting will be considered by extractor while parsing the API response. While max res selected, it'll pick maximum available resolution. Otherwise will follow the existing logic.

---

If it is OK, I can work on it and raise a PR. Auto playing the thumbnail can be raised as a separate FR as it would require quite some effort.

[mahendranv]

Based on how old is the video, the thumbnail URL behaves in two ways. The extractor should skim through list of thumbnails and pick ideal one as HQ one tends to consume data and load slowly.

With and w/o hash:

1. Sanitized URL has higher resolution. On few videos observed this behavior. This case should be studied just to ensure lower data consumption.
   1280x720
   https://i.ytimg.com/vi/qgVFDT8ELEQ/hq720.jpg
   720x404
   https://i.ytimg.com/vi/qgVFDT8ELEQ/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAfKJuxDdaL5U7eNcG2ratqbaV5Jw

2. Sanitized URL cropped the image to 4:3 and thus adds back bar on top and bottom. Remedy: The card layout will lock the imageView in 16:9 aspect ratio with center crop.
   480x360 - This one has black bars on top and bottom [4:3]
   https://i.ytimg.com/vi/nwP3TeK-fPs/hqdefault.jpg
   480x270 - [16:9]
   https://i.ytimg.com/vi/nwP3TeK-fPs/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDY9pkLmLitAAF9lU7EVN2DwYwuBQ