Adobe Experience Manager Sites & More

shams8090 · 7/27/20

I have requirement to use animated GIF images as background for banners and it should support responsive design.

GIF image type is supported by default in AEM as an asset. But, while creating custom renditions using DAM Update asset workflow, the animation is lost in the rendition image and the quality of image is lost. So, i explored the option of having a mp4 video loop. But, here video renditions are not generated by default. As per documentation, I have to install FFMPEG and generate renditions. But i cannot find info on how to generate custom renditions for videos and how to configure it.

Can someone suggest a proper solution to do this in AEM 6.5?

Note: We dont want to use dynamic media for this.

berliant · 7/27/20

The issue is that renditions are png/jpeg files and not a gif. That is why you are losing an animation. I'm not sure what do you are expecting from FFMPEG, I don't think that it will be a solution for you.

I think that you need to create a custom component for gif. The custom component should use /content/dam/t../jcr:content/renditions/original node, where the animate gif is stored, instead of using /content/dam/.../jcr:content/renditions/cq5dam.web.1280.1280.jpeg node which is keeping a JPEG (static) image.

View solution in original post

vanegi · 7/27/20

Yes, you are correct. For Video, renditions are not created by default in AEM. The default out-of-the-box workflow that kicks-in when any new asset is uploaded is DAM Update Asset ( http://localhost:4502/cf#/etc/workflow/models/dam/update_asset.html )

One of the Step in this workflow that creates the Renditions is FFmpeg transcoding. For the video renditions to be created, ffmpeg need to be installed on the server, with ffmpeg being available in the PATH for AEM to pick it up.

References: https://helpx.adobe.com/experience-manager/6-3/sites/authoring/using/video-renditions.html

https://www.practicalaem.com/2017/02/17/how-to-create-video-renditions-on-aem-6-2/

Thanks!!

berliant · 7/27/20

The issue is that renditions are png/jpeg files and not a gif. That is why you are losing an animation. I'm not sure what do you are expecting from FFMPEG, I don't think that it will be a solution for you.

I think that you need to create a custom component for gif. The custom component should use /content/dam/t../jcr:content/renditions/original node, where the animate gif is stored, instead of using /content/dam/.../jcr:content/renditions/cq5dam.web.1280.1280.jpeg node which is keeping a JPEG (static) image.