Last updated: Jul-19-2024
Jump to any of these interactive feature demos to play, learn, and be inspired to build your own apps with Programmable Media capabilities.
Transform and customize
Pick a Resize or Crop Mode
See the results of different cropping modes on the same image, given a specific viewport size.
Detect Image Objects with AI
Try different AI content-aware models to see the objects they detect in any uploaded pic.
Recolor Objects in Images You Upload
Recolor detected objects for redecoration, product showcasing, or creative expression.
Show Transparent Video over Web Content
Toggle the transparent video to display it inline or on-top-of web page content.
Try Different Cross Fade Transitions
See how different cross fade transitions look when concatenating videos.
Capture a 3D model as a 2D image
Try out different camera effect settings to capture images of 3D models.
Create Realistic Shadows
Set the angle and spread of a light source to see the effect on a generated shadow.
Play with Text Distortion
Try squashing, squeezing, elongating and customizing the shape of a text string.
Optimize and deliver
Responsive srcset Images
Change the browser size to load dynamically resized images using the srcset and sizes attributes of the img tag.
Art-Directed Responsive Images
Change the browser size to load differently cropped images using the picture tag.
Responsive Images Using Client Hints
Change the browser size and refresh to load differently sized images from the server based on client hints.
Responsive Images Using the cloudinary-core JS Library
Change the browser size to load dynamically resized images from the client side.
Optimize Image Quality
See the effect that various automatic and fixed quality settings have on an image's visual quality.
Optimize Video Quality
See how various quality settings affect the resulting file size when encoding a video.
Try Adaptive Bitrate Streaming On The Fly
See videos being streamed using automatic streaming profile selection.
Spin Sets From 360 Panoramic Images
Use the Product Gallery to display interactive 360 spin sets made from panoramic images.