Last updated: Feb-26-2023
On this page:
This tutorial shows how to build an e-commerce video using Node.js showing products being used in different ways. This step-by-step guide will show you how to chain the transformations, adding one transformation at a time.
This video is brought to you by Cloudinary's video player - embed your own!
This tutorial presents the following topics. Click a timestamp to jump to that part of the video.
|0:14||In this video, you'll see some examples of how Cloudinary's transformations and AI capabilities can help you manage and edit your videos, programmatically and on the fly.|
Get the delivery URL of a video stored in Cloudinary
Step 1 - Add a transformation to trim and resize the video
|1:10||To trim and resize the video, add a
Step 2 - Change the video focal point
|1:54||To center the face in the video, set the
Step 3 - Concatenate another video
|2:23||To concatenate another video, specify its public ID as an overlay, and use the
Step 4 - Add captions
|3:01||Add an SRT file stored in Cloudinary as an overlay, specifying its public ID. Set the
Step 5 - Add background music
|3:16||Add a music clip stored in Cloudinary as an overlay, specifying its public ID. End the overlay transformation with the
Step 6 - Add a watermark
|3:39||Brand your video by overlaying an image saved in Cloudinary as a watermark. Place it in the top right corner by setting the
|4:44||Check out our Transformation reference for a listing of all the transformations you can apply to your videos. Filter the page to see only the transformations that are relevant to videos using the asset type filter on the top right of the page. See the Node.js SDK documentation, especially the quick start to get up and running in minutes.|
- Find out how to optimize your videos using adaptive bitrate streaming.
- Get an in depth description of the transformations you can apply to videos, including many tips and examples.
- Review our transformation reference to see all of the possibilities for transforming videos and images.
If you like this, you might also like...
Complex TransformationsCombine transformations to generate a 3D canvas
Named TransformationsSimplify & standardize complex delivery URLs
Optimization TipsTips for delivering optimized images
Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.