Prevent split screen

[eyeson-team]

Prevent split screen

[unused]

Hello, can you please describe how your custom layout should look like or provide some mockup?

[johnsoliman]

According to the design we have a full windowed screen of the other person. In the right upper corner we want the current users screen. I can add the current user using "localStream", but in "remoteStream" the screen is split in two if multiple persons join the room ...

[unused]

Thank you for the mockup. We offer some participants layout adaption for the video, you can test it on the regular eyeson webgui or accounts.eyeson.team. With using a single stream every participants has the same video pictures, needless to show the secondary stream.

[johnsoliman]

And how do I use a single stream with the javascript library? I can't find any option about layout in the documentation...

[unused]

As described in the help center the eyson service provides a single stream for you, the JavaScript library offers this at the connection. This is the remoteStream received.

We did not put the layout into the documentation (yet) as it is a very rare use-case and mostly used when streaming webinars. However if you plan to implement a feature similar to the web-gui - set participants to specific predefined positions - let me know and I'll collect the details for you. Note that this won't allow to create the view like you described in the mockup either.

[johnsoliman]

I can see that you use the following event. I just need a documentation what is needed here. Which layoutTypes are possible and what do I have to provide for parameter users. Is users optional or mandatory?

Moreover, it is update_stream but in the documentation there is also a stream_update event. This can be very confusing...

eyeson.send({
type: "set_layout",
layoutType: "one",
users: {}
});

Thanks in advance.

[johnsoliman]

I tried setting the layout setting in the eyeson webgui at accounts.eyeson.team - it does not work. Every other layout than auto does not work at all! The event I mentioned is sent, but after that nothing happens.

[unused]

You don't have to take care for any stream updates when changing the layout. As in the eyeson web gui you can use auto, one, two, or four as layoutType and you have to provide the id of a user to be set for the specific position using an empty string for an empty position. The correct structure is as follows...

eyeson.send({
  type: 'set_layout',
  params: {
    layoutType: 'two',
    users: ['', '<user-id>'],
  },
});

[johnsoliman]

Is it the same user id I used when generating the room link? I tried it with the user ID specified when making the room, but it doesn't seem to work. I get only a blank screen.

Room created with users:
{id: UserA, name: UserAName},
{id: UserB, name: UserBName}

Event sent when UserAName visits the gui:
eyeson.send({
  type: 'set_layout',
  params: {
    layoutType: 'one',
    users: ['UserB'],
  },
});

[unused]

The user-id is the identification you receive from the API. Note: It doesn't matter which client sets the layout, every participant will see the same video as mentioned before.