How can I transform a GIF to an MP4/WebM?

[AlejandroAkbal]

Since GIFs are really a bad format to store animated content, because they weigh a ton, is there a way to automatically transform to MP4 or WebM?

[QuentinGab]

Hi @AlejandroAkbal,

I've just added support for GIF when using MediaMp4Converter and MediaWebmConverter. You should now be able to convert gif with those converters.

Note that you might want to adjust the default settings of those converters, depending on the actual size and quality of your gif.

You can also convert gif at upload time using the transform method like this:

use Illuminate\Http\File;
use Spatie\TemporaryDirectory\TemporaryDirectory;
use Spatie\Image\Image;
use Spatie\Image\Enums\Fit;

new MediaCollection(
    name: 'files',
    transform: function (File $file, TemporaryDirectory $temporaryDirectory): File {
        $input = $file->getRealPath();
        $output = $temporaryDirectory->path('converted-file.mp4');

        $ffmpeg = new FFMpeg;       

        $ffmpeg->video()->mp4($input, $output)

        return new File($output);
    }
);

[AlejandroAkbal]

Yes, my actual use case is like this; I have a Post model where its media can be either a video or a image, but GIFs are very bad performance and storage wise, so I want to transform them into Videos when uploading them

    public function registerMediaCollections(): array
    {
        return [
            new MediaCollection(
                name: 'image',
                acceptedMimeTypes: [
                    'image/jpeg',
                    'image/png',
                    'image/webp',
                    'image/avif',
                ],
                single: true,
                conversions: [
                    new MediaConversionDefinition(
                        name: 'placeholder',
                        converter: fn ($media) => new MediaImagePlaceholderConverter($media),
                    ),
                ]
            ),
            new MediaCollection(
                name: 'video',
                acceptedMimeTypes: [
                    'video/mp4',
                    'video/webm',
                ],
                single: true,
                conversions: [
                    new MediaConversionDefinition(
                        name: 'thumbnail',
                        converter: fn ($media) => new MediaFrameConverter(
                            media: $media,
                            filename: "{$media->name}-thumbnail.jpg",
                        ),

                        /**
                         * @see https://github.com/ElegantEngineeringTech/laravel-media#regenerating-child-conversions-when-a-parent-runs
                         */
                        onCompleted: function (?MediaConversion $conversion, Media $media, ?MediaConversion $parent) {
                            if ($conversion) {
                                // Delete any children so they’ll be regenerated automatically
                                $media->deleteChildrenConversions($conversion->conversion_name);
                            }
                        },

                        conversions: [
                            new MediaConversionDefinition(
                                name: 'placeholder',
                                converter: fn ($media) => new MediaImagePlaceholderConverter($media),
                            ),
                        ],
                    ),
                ]
            ),
        ];
    }

I think I will use your transform method to make them WebMs as you advised

[QuentinGab]

Just released it in v4.2.0 ! let me know if it works well

[AlejandroAkbal]

Thank you so much <3