VideoPlaylist.png

The Video Playlist Widget is an advanced Widget. It plays back video clips based on a JSON file. It handles the preloading of clips so that when any clip is 50% complete, the Widget will start loading the next clip in the cue into the browsers memory.


To learn how to add a Widget to your Composition, click here. 

Remember, any underlined widget properties can be connected to a Control Node or a Data Node. 

Important

The Video Playlist Widget does not currently support audio effectively in the output. If you need audio paired with your video, we recommend letting your encoder handle your video.

Property Settings

As seen above, select the "Video Playlist" tab in the Property Panel to update this widget's following property types:

Property

Screen_Shot_2020-01-09_at_2.45.06_PM.png

Background Image - Option to add a background image behind your videos. You can either paste an image URL into the field or select the square area to grab an image from your Dashboard.

Object-FitFit of the background image within the widget's Bounding Box.

Shift - Can impact the positioning of the background image within the widget's Bounding Box.

Use Loader Image - Option to use the predefined "loader" image when video is loading.

Volume - Video volume

Playback Buttons - Video playback buttons including Restart and Stop.

Transition

Check the "Use" box to activate these properties.

Screen_Shot_2020-01-09_at_2.45.16_PM.png

Effect - Transition effect options such as fadeIn, rotateIn, zoomIn and many more.

Duration - The time it takes for the set transition Effect to occur.

Playlist Content

Screen_Shot_2020-01-09_at_2.45.23_PM.png 

JSON Box - Area to enter in JSON for video playlist. 

Example JSON for Video Playlist Widget:

[
{
"type": "video",
"url": "https://s3-us-west-2.amazonaws.com/singular-dev-1/DemoVideoClips/DFB/GoalArea_01.mp4",
"duration": 8,
"transition": {
"effect": "fade",
"duration": 1.0
}
},
{
"type": "video",
"url": "https://s3-us-west-2.amazonaws.com/singular-dev-1/DemoVideoClips/DFB/Pitch_01.mp4",
"duration": 8,
"transition": {
"effect": "fade",
"duration": 1.0
}
}
Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.