[Feature]: Scrubber Thumbnails

Feature Description

Hi everyone starting with the fact that I'm a developer and I could help, it would be nice to have the possibility to see a thumbnail whenever you're scrubbing along the slider on the player, whether it's with your mouse or with arrows, the remote etc.

Proposed Solution

The idea would be to create a .vtt sprite sheet with the thumbnails eg:

# 1) Extract evenly-spaced thumbs at 2s interval, scaled to 160px width
ffmpeg -i input.mp4 -vf "fps=1/2,scale=160:-1:flags=lanczos" -q:v 3 thumbs/%06d.jpg

# 2) Pack them into sprite sheets (10x10 grid -> 100 thumbs per sheet)
#    This makes sprite_0001.jpg, sprite_0002.jpg, ...
ls thumbs/*.jpg | xargs -n100 sh -c '
  out=$(printf "sprite_%04d.jpg" $((($0/100)+1)))
  ffmpeg -y -pattern_type glob -i "thumbs/*.jpg" \
         -vf "tile=10x10" -q:v 3 "$out"

WEBVTT

00:00:00.000 --> 00:00:02.000
sprite_0001.jpg#xywh=0,0,160,90

00:00:02.000 --> 00:00:04.000
sprite_0001.jpg#xywh=160,0,160,90

00:00:04.000 --> 00:00:06.000
sprite_0001.jpg#xywh=320,0,160,90

then parse it and map it on the frontend, use maybe a tooltip-like visual aesthetic to encapsulate and show the image.

I'm not sure where would the .vtt file live tho (in terms of repository) but it could be a script that runs after the buffering has finished or goes in parallel.

Additional Context or Screenshots

Visual example

Code of Conduct

• I agree