This is a small HTML/Javascript Client for Jitsi. With this client you can join any Jitsi Room and the Client shows the participants on a fixed window on the screen. The client can show a maximum of 9 Videos. The positions on the Screen are fixed and mapped by the username of the participants.
With this design it is possible to capture the Screen with OBS and crop the different Video feeds of your Users seperately.
Its best to open the Browser on a second Monitor. (Use Chrome or Chromium)
The Jitsi Server can be changed in the script.js file. The default Server is "meet.theater.digital".
Furthermore you can Control the Volume of each Participant via a Slider and even via Midi Controller. (Korg nanoKontrol2)
Since this client will join the Jitsi Meeting, its name is "Streamer". It has no Video for the other users.
## User mapping
Below the Video Placeholdes there a Input Boxes for the Usernames. You have to enter the exact name of the participant into the box and hit the reload Button to apply.
Taken from an installation manual of Jitsi we use this nginx config for our instance. This allows CORS to function with the custom client hosted within another domain. If you prefer to have CORS disabled for other domanis, you can either change the wildcard to allowed domains, or add a location to your config to host the client at e.g. https://meet.example.com/streamclient/