Tagboard + AWS Elemental MediaLive

Tagboard Graphics are now supported in AWS Elemental MediaLive

Tagboard and AWS Elemental MediaLive

In case you missed it, AWS Elemental MediaLive recently announced support for HTML 5 motion graphic overlays.

So what does this mean?

This means that you now have the option of adding in a Tagboard Producer production output directly into the AWS MediaLive environment and adding a layer of interactive content and graphics on top of your live video streams.  You can find official documentation here that explains how to use the motion graphics overlay feature on an AWS MediaLive channel.

So how can I use Tagboard with this?

First you need to prep your Tagboard Producer production before you can output your overlays with AWS Elemental Media live.  You can get started with using Tagboard Producer and learn how to prep your production.

How do I add Tagboard to an AWS MediaLive Channel?

Step 1:

Login to AWS MediaLive

Step 2:  

Activate Motion Graphics in your AWS MediaLive Channel by going over directly to General Settings and enable motion graphics, turning on the “Enable motion graphics configuration” switch and also choosing “ENABLED” and also selecting “HTML motion graphics”.

From here you can either choose to update your current channel, or if creating a channel for the first time, you’ll need to finish configuring your channel in AWS MediaLive.  You’ll need to finish adding in all of your channel settings and setting up your video input before you are able to hit the “Create channel” button.

Screen_Shot_2021-04-12_at_2.00.10_PM.png

Below are some helpful AWS resources for setting up a channel and input.

Step 3:  Add Tagboard Producer Output URL to channel via “Scheduled Action”

  • Go to “Schedule” and create a scheduled action.  Be sure to do the following:
    • Add an “Action name”
    • Be sure “Start type” is set to “Immediate” so your Tagboard graphics will appear immediately on top of the video
    • Be sure “Action Type” is set to “Motion Graphics Activate” with the following settings
      • “Duration” should be 0
      • URL (This is where you add your Tagboard Producer output URL that is linked to the Production you are working out of)

Step 4:  Finalize your action

Click on “Create” button to confirm your settings.  Once your settings are saved, your broadcast/stream now will pull in Tagboard Graphics on top of the video.  To ensure these are enabled, be sure to activate a graphic in your Tagboard Producer production that is linked to see graphics enabled over your video.

NOTE:  At the moment AWS MediaLive does not support audio and video for HTML5 graphics according to the official documentation.  This means that you won’t be able to play videos or GIF files from your Tagboard Producer production output and get them to work in AWS MediaLive for the time being.