Hi @30991930w169 ,
Steps to Integrate Dynamic Media in Custom Components:
1. Use Smart Image/Video Core Components (Recommended)
Leverage AEM Core Image or Media Components with Dynamic Media support. If not, follow step 2 for custom build.
2. Custom Component – Dialog Setup
In your component dialog, use PathField for DAM asset selection:
<imagePath
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
name="./imagePath"
rootPath="/content/dam"
required="true"
filters="[mediaformat:dynamicMedia]"
/>
3. HTL Code Example – Dynamic Media URL Generation
<sly data-sly-use.asset="com.adobe.cq.dam.cfm.AssetModel" />
<img src="${asset.dynamicMediaUrl}" alt="Dynamic Media Image"/>
Or use MediaHandler API to get dynamic media URL with renditions.
4. Enable Dynamic Media Features
Ensure Dynamic Media is enabled in Tools > Assets > Dynamic Media Configuration.
Assets must be processed via Dynamic Media Cloud.
5. Manage Renditions (Smart Imaging)
Use Image Presets or Smart Imaging URLs, e.g.:
<img src="${asset.dynamicMediaUrl}.img.jpg?wid=800&hei=600&fmt=jpeg&fit=fit" />
Regards,
Amit
