Thumbnails for images and videos #87

Anna Sirota · 2024-04-22T19:02:58+02:00

Anna Sirota commented

2024-04-22 19:02:58 +02:00

When an image or a video is uploaded and its initial scan comes back with an OK, thumbnails are generated for it.

In case the file is a video, a single frame is extracted from it with ffmpeg and used instead of File.source.

Thumbnails have predefined set of dimensions:

1920 x 1080
640 x 360 (for cards)

Thumbnails have fixed predefined locations in the storage, constructed from file hash, thumbnail's format (PNG) and dimensions:

thumbnails/{hash[:2]}/{hash}_{width}x{height}.png

After thumbnails are generated, these paths are saved in the File.metadata:

{
    "thumbnails": {
        "1080p": {"path": "thumbnails/de/deadbeef_1920x1080.png", "size": [1920, 1080]},
        "360p": {"path": "thumbnails/de/deadbeef_640x360.png", "size": [640, 360]}
    }
}

When original file is an image, the path of the largest thumbnail is saved in File.thumbnail column, when it's a video the extracted frame is stored in File.thumbnails instead.

When File is deleted all its thumbnails are deleted along with it.

Implements #51

Part of #70

When an image or a video is uploaded and its initial scan comes back with an OK, thumbnails are generated for it. In case the file is a video, a single frame is extracted from it with `ffmpeg` and used instead of `File.source`. Thumbnails have predefined set of dimensions: * 1920 x 1080 * 640 x 360 (for cards) Thumbnails have fixed predefined locations in the storage, constructed from file `hash`, thumbnail's format (PNG) and dimensions: ``` thumbnails/{hash[:2]}/{hash}_{width}x{height}.png ``` After thumbnails are generated, these paths are saved in the `File.metadata`: ``` { "thumbnails": { "1080p": {"path": "thumbnails/de/deadbeef_1920x1080.png", "size": [1920, 1080]}, "360p": {"path": "thumbnails/de/deadbeef_640x360.png", "size": [640, 360]} } } ``` When original file is an image, the path of the largest thumbnail is saved in `File.thumbnail` column, when it's a video the extracted frame is stored in `File.thumbnails` instead. When `File` is deleted all its thumbnails are deleted along with it. Implements https://projects.blender.org/infrastructure/extensions-website/issues/51 Part of https://projects.blender.org/infrastructure/extensions-website/issues/70

Anna Sirota added 2 commits 2024-04-22 19:03:04 +02:00

088efb97e4 Initial setup

028a3f0a37 Save thumbnails as metadata

Anna Sirota added 1 commit 2024-04-22 19:03:21 +02:00

0e6f032619 Merge branch 'main' into thumbnails

Anna Sirota added 1 commit 2024-04-23 13:37:52 +02:00

6a6b1daecf Use small thumbnail in cards

Anna Sirota added 1 commit 2024-04-23 14:52:47 +02:00

363d6a9516 Merge branch 'main' into thumbnails

Anna Sirota changed title from ~~WIP: Thumbnails for images~~ to WIP: Thumbnails for image and video previews

2024-04-23 15:00:19 +02:00

Anna Sirota changed title from ~~WIP: Thumbnails for image and video previews~~ to WIP: Thumbnails for images and videos