Project with HTML and video-stream (grid)

General
1

Hi,

I am new to CasparCG and for a business project I was asked to make a project with a grid.
I want to show an HTML page in combination with a video stream.
Does anyone know how that is possible or does someone have a sample project?

Regards,
Marc

2

Do you have any screen shots or the like, so that we can see, what you are talking about?

3

Hi,

I like to have something like this, in the left corner a screen with a weather-radar :
https://www.buienradar.nl/
In the right-corner a live-video feed (from the web or from a direct input)

And below a live-information screen from the cars at the circuit:
https://timing.71wytham.org.uk/replay/e449eebf55194a59ae132c816665baaa

I don’t know if it is possible to “cut” the HTML-pages in CasparCG, otherwise I have to talk with the web-developer.

example
example1059×593 571 KB

4

You could play the weather radar and video input on higher layers.

Layer 1-10 live-information
Layer 1-11 weatherradar
Layer 1-12 video

And then scale/crop them.

5

Seee here for the coresponding commands.

6

I have now the HTML page at layer 11 and the video at layer 12 but the when I try to play the grid I get a red status. How do I play the grid?

layer
layer986×969 31.4 KB

7

Why you want to use a grid for that? There is Transform (and Crop) that you can use to scale and position each layer individually. Grid is only usefull if you want to do a multiviewer display.

8

Many thanks! it is working now.
I have now one another question, is it also possible to add a live multicast stream?

9

You could try to create a webpage that shows the stream and display the page in Caspar.