Best Practice: Using bits of a source in different places

[HiImRaine]

Hey guys,

I wanted to ask you, if there is a "best" practice for this scenario.
We are doing a pen&paper live stream. For the roleplay component, we use FoundryVTT, which has a nice page for streamers, including a neat green screen background to chroma key stuff.
So, this page has all the dice roll results for each player, as well as the current hitpoints for the characters (and some other features I don't use, however).
The elements on this page are (of course) not ordered the way we'd need them in our overlay. After some hassle with the Browser Source (it always loses the sessions, dunno why), I now have the stream page open on one computer, and using my Elgato, I am transferring the image to my streaming PC.
The Problem:
I add the Elgato to my OBS. No big problem, I crop it to the necessary bit of the screen (let's say, the roll results for me, the dungeon master), and name the source "ROLL_GM".
I then add a second instance of Elgato, crop it to, say, Player1's roll results, but can't name it accordingly, because the name of the source is fixed.... Plus, I have to do this OVER and OVER again.
Is there a better way to it? Is there a plugin that allows me to set up a scene with the Elgato, then capture, or snip the necesary bits, the plugin stores them under the name I'd assign them to, and then I can add them as sources back to the overlay?
How would you do something like that?
Here's the "source":

And here's the overlay where we want to add the dice roll results (the round things next to the character's names on the right hand side of the screen):

Hope I got the point across (english is not my native language, so I kinda lack the vocabulary at times)

Thank you in advance.
Kind Regards
Zero

 

[koala]

As far as I see, you're taking a good approach by adding and cropping your source multiple times. I see no less tedious way. A workaround against all the same named sources, you could create groups, one for each cut, rename them according to the bit you cut from the source, and move the corresponding source into it. It's even more tedious, and you're not actually using the functionality groups were made for, but at least you are able to identify which source contains which cut screen part.

A better approach would be of course to get the final layout from the web server in the first place. A quick glance to the FoundryVTT website says it's a self hosted application and has an API, so you might perhaps be able to create a page similar to your green streaming overlay screenshot but with a layout that puts all your desired values at the proper position, so you can directly use it as overlay without cutting.