Video and image merge fields in the Studio Editor

We just released the ability to setup merge fields and apply these to an image or video source using the dashboards Studio Editor.

Here is a quick run down on how to set up the merge fields, and how to assign them as the video or image source.

Make sure you are logged in to the dashboard and have opened up a template in the Studio.

Next click on Settings and find the Merge Fields section. Here you can set up the placeholder names and add a test or dummy value.

Add a merge field like similar to the one below:

image

In this example I used the name VIDEO_URL and the test value of https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/city-timelapse.mp4. The test value is the URL to a video.

Make sure the test URL allows files to be served using CORS.

Next create a video clip on a track like this:

Make sure the clip is selected in the timeline and click the Placeholders tab in the right hand panel. From the drop down, select Source and click Add:

image

Then choose the VIDEO_URL merge field you created earlier as the placeholder value:

image

Once that is done the video file should be merged in to the preview, timeline and clip properties like this:

If you want to use a different video clip you can simply change the value under Settings > Merge Fields.

This is a great way to quickly swap assets around and test how merge fields might work when you move to building a fully working application.