Introduction to CasparCG's HTML producer

General
, ,
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:

19 Likes
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:

2 Likes
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!

4 Likes
10

Good work! Keep it up!

11

Maybe comit this to the wiki on github.

very nice work !
thank you

3 Likes
12

Really enjoyed and benefited from the first two articles. Are you still planning to write the next one? I’m assuming you’d explain animation and taking text from commands?

2 Likes
13

Thank you for your kind words! Yes, I still have it on my mind and I actually have already written half of the next article. It’s not a promise but I should have time in the coming weeks to finish the next one. Thank you!

4 Likes
14

I’ve really enjoyed your tutorials as well, indr. Has given me great confidence in using and learning Casper CG!

Keep up the great work!

Cheers
Chumby

15

That’s great to hear, cant wait!

16

Enjoying this series very much. Thank you!

17

Hi Indr,

Just touching base here - thanks again for all your work on this series of tutorials.

Any timelines for the next article?

Cheers and thanks again,
Chumby

18

Can’t wait too!
Thanks a lot @indr for these tutorials.

19

Great source of knowledge. Thanks a lot and … write some more :smiley: please!

20

Just now starting. Thank you for your time and effort