nickadamson / messonry Goto Github PK

• cumulative layout shift is the biggest 'problem' with this type of masonry grid
• if chronological order isn't important to the user, images should be placed in the grid array in the order they load

proposal:

• implement this and add an option to toggle on/off if user needs chronological order

as mentioned in #14, I need to investigate how to get video dimensions/resolution server side from a url.

due to the varied nature of video codecs, this pretty much requires the use of ffmpeg.
there is a nodejs wrapper for it: https://github.com/fluent-ffmpeg/node-fluent-ffmpeg

the use of ffmpeg is likely going to involve some extra setup for server deployments, but this might help: https://www.npmjs.com/package/@ffprobe-installer/ffprobe

depending on how difficult installation is for users of this library and vercel deployment limits, this might actually be cause for creating 2 separate libraries, one that only supports images, and one that supports images+videos.

react + next