HTML Example with Update text transition

Anyone know of a HTML template example that does a transition/dissolve on the UPDATE command (new/updated text is pushed). I’ve found a few sample templates, but the UPDATE command always cuts the new text in. Looking build one graphic that I can just keep updating. Adding to the confusion is how CasparCG automatically calls UPDATE on a PLAY command.

This lower third has a title and optional subtitle. Each time the UPDATE command is sent, it will add the new data to an array in the graphic. Then, you can send NEXT to advance the graphic and INVOKE ‘previous’ to go backwards.

This approach is nice since you can hold multiple pieces of information in the graphics and move between them as needed.

Here is a full guide on how the graphics was made if you want to tweak it any.

1 Like