1. Home
  2. Actions & Qualifiers
  3. Overlay

Overlay

Description

Adds a video, text or an image layer as an overlay over the base layer.

Examples

			import {Cloudinary} from "@cloudinary/url-gen";
			
			const yourCldInstance = new Cloudinary({cloud:{cloudName:'demo'}});
			const myVideo = yourCldInstance.video('dog');
			
			import {source} from "@cloudinary/url-gen/actions/overlay"
			import {image, video, text} from "@cloudinary/url-gen/qualifiers/source"
			import {TextStyle} from '@cloudinary/url-gen/qualifiers/textStyle
			
			myVideo.overlay(
			      source(image('myImage'))
			    )
			
			myVideo.overlay(
			      source(video('myVideo'))
			    )
			
			myVideo.overlay(
			      source(text('My text'), 'arial_15')
			    )
			
			// Or a text with more complex options
			myVideo.overlay(
			      source(text('My text'), new TextStyle('arial', 50))
			    )
Details

actions/overlay.ts, line 3