live-reactions — BroadcastChannel

Open this page in a second window of the same browser profile, put the two side by side and press a reaction. Reactions travel over BroadcastChannel, so there is no server involved — but that also draws the boundary: a different browser, another Chrome profile or an incognito window will never see them. For reactions across browsers there is the WebSocket demo.

Hold a button down: the rate limit lets a short burst through and then goes quiet until the allowance refills. The counter below shows what was accepted and what it ate.

Every particle is captioned with who sent it. Where they fly from is the origin option: left, center, right, random.

Simulate

These buttons feed messages in as if other participants had sent them, so every state is reachable in one window. Identical emojis pile into one cluster that grows and then pops — Meet's emoji balloon. Turn it off with ?cluster=0, or pop it sooner with ?burst-at=3.