Audio Rooms Chat Block for Vue

Everything, and there is no audio at all: the page never asks for the microphone, and the line under the composer says No audio in this demo. People, hands and the stage are typed state, and chat replies come from a short script. To wire it for real, connect the stage to your audio service, send invites to your room API, and read the raised hands from it.

Raised hands gain Invite to speak and speakers other than the host gain a button that moves them to the audience. The stage has four seats; a full stage says so in the status line and refuses the invite until someone steps down. Listener view hides the buttons without moving anything.

It is a pressed toggle that adds you to the raised hands and counts you; pressing it again lowers your hand. It is disabled while you are on the stage, and the status line says what happened.

Seats and hands are lists with names, microphone state is a word as well as a glyph, the view switch has a visible label, and the chat is a focusable log region. Changes to the stage are written in the status line.

The four seats stay in one row with truncated names, the raised hands scroll sideways, and the window keeps its height with only the chat scrolling.