Expand my Community achievements bar.

July 31st AEM Gems Webinar: Elevate your AEM development to master the integration of private GitHub repositories within AEM Cloud Manager.

adding individual controls for the webcams in a webcam discussion


Level 4

ive been given a diagram akin to the one attached to this post with the request that the vid chat part of the cocomo app that i'm creating should look and work like it

it features:

  1. a number of vids, laid out grid-like in two different sizes, a 2x2 grid of smaller vids and two larger ones just beneath that.
  2. each vid having its own 'controls' bar beneath, with which individual participants can:
  • 'freeze' and 'unfreeze' their own stream (whilst they go to the toilet etc)
  • 'mute' and 'unmute' any stream

so the questions are:

  1. is this even possible?;
  2. if so, is if feasible (in terms of bandwidth and performance)?;
  3. and if so, HOW DO I DO IT ?!?!?!?!?!?
1 Reply


Former Community Member


Well , of course this is possible. But you need to do some extra work for it. In a generic case for any layout, You need to extend the WebcamSubscriber class and override the layoutStreams() function. It is in this function that the streams are laid out in a grid structure. You can have any layout you want. It will be more clear once you see the function in detail.

For your case there can be a simpler solution, if you know who are the users you want to show in small grid and who are the ones in larger grid.

In that case ,You can have a WebcamSubsriber that has all streams of all publisherIDs except the bigger ones(see my previous post how can specify users whose streams can be shown). For the bigger ones you can have a Subscriber each containing only that ID.

Then layout all these webcamsubscribers in a VBox accordingly. Look at the example zoomLayout, that shows one user with a big image in one webcamsubscriber and all other users below in another subscriber horizontally laid out.

Hope this helps.


Hironmay Basu