Introduction to CasparCG's HTML producer

html
graphics
getting-started

#1

I am putting together a comprehensive guide to CasparCG’s HTML producer and the development of HTML based templates.

  1. The first part Introduction to CasparCG’s HTML producer covers everything you need to know to get started with HTML templates: we have a look at the different server versions and their HTML producers capabilities, the minimum requirements of HTML templates, and an in-depth look at the AMCP commands and how the HTML producers handles them.

  2. In the second part Creating production-ready HTML templates for CasparCG looks at the characterists of a robust template and discovers the details of the layout and design of a production-ready lower-third template.

I had to cut the original outline for the second part in two halfs. Therefore the third and next will be all about “Scripting production-ready HTML templates”. Stay tuned!

Let me know what you think about the first two parts and don’t hesitate to leave any kind of comment here.

Thank you! :slightly_smiling_face:


Override SetData in JavaScript
#2

Wow, I just learned a few new things of the first two paragraphs concerning the css overflow and box sizing. Great, keep up the good work. This will end up being the definitive guide to HTML templates. :+1:


#3

Absolutely amazing, can’t thank you enough for this. So appreciated and look forward to your next part!


#4

The guide is great, thanks for doing this!


#5

Thank you very much for your work here.

Much appreciated!

Cheers
Chumby


#6

This is really great! I subscribed to keep reading your blog.


#7

This is lovely stuff, well done!


#8

Well done :clap:
This is very valuable for newcomers – and “oldtimers" in the transition from Flash to HTML. Looking forward to reading your next part(s):smiley:
Thank you @indr


#9

Thank you all very much for your nice responses and kind words!! :smiley:

I have published the second part Creating production-ready HTML templates for CasparCG and updated the first post.

Let me know what you think and don’t hesitate to ask questions!


#10

Good work! Keep it up!


#11

Maybe comit this to the wiki on github.

very nice work !
thank you