How to create custom renditions for video mp4 asset in AEM 6.5 | Community
Skip to main content
Level 2
July 27, 2020
Solved

How to create custom renditions for video mp4 asset in AEM 6.5

  • July 27, 2020
  • 3 replies
  • 2415 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by leoberliant

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. 

3 replies

vanegi
Adobe Employee
Adobe Employee
July 27, 2020

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!!

leoberliantAdobe EmployeeAccepted solution
Adobe Employee
July 27, 2020

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. 

ChitraMadan
Community Advisor
Community Advisor
July 27, 2020