Inform user that their camera is starting in Lobby

[hughns]

Instead of just showing a grey box.

n.b. it is expected that this will be visible for a second or so whilst the browser and OS set up access to the camera.

[fkwp]

From internal discussion: I think text sounds apologetic. Maybe we can have a little spinner instead?

[americanrefugee]

Maybe show the avatar of the room you're about to join. Also consider adding a small spinner icon next to / above the message "Camera is starting".

[toger5]

Toggling the camera in the lobby it now looks like the avatar is appearing disappearing which i think is very nice feedback to switch from muted -> video.
I think putting a spinner in the center of the previous avatar would look really good.

[americanrefugee]

How about this?

Also, I changed my mind. The avatar should be YOUR avatar, not the room.

• The room avatar is already in the header
• The lobby is a preview of you, not the call

[toger5]

@americanrefugee does it look better with the greyed out image?
I think just the loader and the label would be enough?

[americanrefugee]

@americanrefugee does it look better with the greyed out image? I think just the loader and the label would be enough?

Yes, it should be grayed out (50% opacity). Otherwise it will hard/impossible to see the spinner against the image - especially if the user avatar is light/white.

[hughns]

Benchmarking other applications:

Meet is showing the "Camera is starting" label:

Teams just goes to a grey tile until the video loads (a bit like what we have now):

Zoom doesn't provide feedback in the video tile (it continues to show the avatar), but has three states on the video button:

Off:

Turning on: it's a grey intermediate version

On:

[hughns]

The avatar is currently so large that you can't fit text below it at most resolutions.

The colour in this is text-secondary with space-10x below the top:

I will try a spinner on top of the avatar next.

[hughns]

It now looks like this which is an approximation of comments above:

[fkwp]

fine for me

[hughns]

I've done a refactor based on @robintown's feedback. My intention is that the design will be used within a call as well. But this will go in another PR.