The number of agents in the room: the agent-vision button says "Let agents see me" when there is more than one, "Let the agent see me" otherwise.
Whether the user lets an agent see their camera and shared screen.
The user turned the agent's view of their camera and shared screen on (true) or off (false).
Whether the camera is on.
The camera is optional in this call, as in a call with an agent, where it starts off and usually stays off. Off is then the normal state: the camera button is neutral while off and filled while on, like a toggle, instead of red while off.
The user asked to turn the camera on (true) or off (false).
ReadonlyDeviceThe device menu's element id, for the chevron's aria-controls.
Whether the device menu is open.
The user picked a microphone or a camera in the device menu. The host switches to it.
Whether the microphone is on.
The user asked to turn the microphone on (true) or off (false).
The camera the device menu shows as picked.
The microphone the device menu shows as picked.
Panels of the page the user can share on their own, offered under "This panel". With none it is left out.
The user asked to share something.
ReadonlyShareThe kinds of display surface the Share menu asks for.
Whether the user is sharing.
Show the button that lets an agent see the user's camera and shared screen. Off by default: a host shows it while an agent is there to watch, and does what the user asks (the button only reports it).
Show the camera button.
Show the device chevron beside the microphone, which opens the device menu. Off by default. It shows only while Devices lists something to pick.
Show a short label under each button ("Mute", "Video", "Share"), for a call bar that names its controls.
Show the microphone button.
Show the Share button.
Show the Share button's arrow and its menu.
The circles' size: 32, 44 or 52 px. The Share arrow stays small.
The user asked to stop sharing.
The agent-vision button's name.
The agent-vision words for AgentCount agents.
The camera button's name.
How the camera button looks: red while off, unless the camera is optional; filled while an optional camera is on.
Whether the device chevron shows: the host asked for it, and there is a device to pick.
The device chevron's name: what its menu lets the user pick.
The microphones and cameras the device menu offers. Speakers are left out: these controls pick what the user sends, and a host that plays sound through a chosen output offers that in its own menu.
The microphone button's name.
The Share button's name.
Closes the device menu.
Put focus back on the chevron, as after the menu's close button or Escape, so it is not lost with the menu.
A menu left with nothing to pick, or one the host stops offering, closes, so it does not come back by itself.
A click outside the controls closes an open device menu.
Escape inside the controls closes an open device menu, and goes no further.
The Share button's main part: asks with no preference, or stops sharing.
A kind of display surface picked from the Share menu.
A panel picked under "This panel".
The device chevron: opens the device menu, or closes it.
mj-media-controls: a call's microphone, camera and Share buttons, and, when the host shows it, the button that lets an agent see the user's camera and shared screen. Presentational: it shows what is on and emits what the user asks for, and the host starts or stops the media.Share is a split button. Its main part asks the browser's picker with no preference, or stops sharing while the user shares. Its arrow opens a menu that asks for an entire screen, a window or a browser tab first and, when the host lists SharePanels, offers "This panel" with one of them. The arrow hides while the user shares.
With ShowDeviceMenu, the microphone is a split button too: its chevron opens
mj-media-device-menuabove the controls, to pick the microphone and the camera from the host's Devices. The menu stays open while the user picks, and closes from its close button, the chevron, Escape or a click outside.The buttons are circles of one Size. With ShowLabels, each carries a short label beneath it, for a call bar that names its controls.