Video support - Githubissues

ksho / yearbook

Yearbook is a NextJS photo app that presents your highlights from each year

0 stars 0 forks source link

Video support #3

Open ksho opened 2 years ago

ksho commented 2 years ago

Display common video formats in grid (.avi, .mov, .m4v)
In grid, render as animated .gif
When opened in lightbox, render with video player + audio

Convert with something like:

ffmpeg -ss 00:00:00.000 -i IMG_5407.MOV -pix_fmt rgb24 -r 15 -s 300x553 -t 00:00:10.000 output4.gif

..this is a 10 sec clip of the movie at a 15/sec frame rate .. downsized to 300x553

ksho commented 2 years ago

for i in *; do ffmpeg -ss 00:00:00.000 -i "$i" -pix_fmt rgb24 -r 12 -vf 'scale=600:600:force_original_aspect_ratio=decrease' -t 00:00:10.000 "${i%.*}.gif"; done

converts a folder of video -> gif
longest side 600px
first 10 secs
12 frames/sec

ksho commented 2 years ago

.gif support https://github.com/ksho/yearbook/pull/6

Next, when clicking a gif with a corresponding video, open video in lightbox instead of gif.