> ## Documentation Index
> Fetch the complete documentation index at: https://xrlive.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Audience Interaction Overview

> How the xRLive audience layer works

Some visuals don't just play on stage — they invite the crowd to take part from their phones. The audience scans a QR code, joins from a web page, and what they do shows up live on the game window. No app to install, no accounts to hand out at the door.

<Frame caption="An audience-enabled visual: the crowd joins from their phones and takes part live">
  <video controls className="w-full aspect-video rounded-xl" src="https://storage.googleapis.com/xr-live-resources/documentation/AudienceOverview.mp4" />
</Frame>

## How it works

<Steps>
  <Step title="The visual brings the interaction">
    Audience features are built into the visual itself. When you get an audience-enabled visual from the marketplace, everything it needs to run the crowd layer comes with it — you don't wire anything up.
  </Step>

  <Step title="A QR code appears on the game window">
    When you start the experience, the visual automatically generates a QR code and shows it on stage. That single code is the door in for the whole room.
  </Step>

  <Step title="The audience joins and takes part">
    Anyone who scans the code opens the audience web page on their phone and can start participating right away — reacting, voting, or contributing, depending on the visual.
  </Step>
</Steps>

<Note>
  There's nothing to configure ahead of time for the audience to join. Starting an audience-enabled experience is what makes the QR code and the interactions available.
</Note>

## What audiences can do

The kind of participation depends on the visual — from a quick reaction to submitting their own content. The two experiences below show the range, from a head-to-head competition to a shared, collaborative moment.

<Columns cols={2}>
  <Card title="Competitive — AI Image Contest" icon="trophy" href="/launcher/audience/game-shows">
    The audience creates AI images from their phones, the entries are projected on stage, and the crowd reacts to their favorites. Reactions fire off effects on stage and a winner is crowned at the end.
  </Card>

  <Card title="Collaborative — Light it up" icon="hand-pointer">
    Each person is given a piece of the stage. Everyone taps together to light up their space, and the whole room works toward filling the stage with color.
  </Card>
</Columns>

<Columns cols={2}>
  <Frame caption="AI Image Contest — entries projected on stage with live reactions">
    <img src="https://mintcdn.com/xrlive/c92UL1cTPaUXaE5J/images/launcher/audience/gameshow-reactions.png?fit=max&auto=format&n=c92UL1cTPaUXaE5J&q=85&s=7bf49411683628691281a4e39a224cf2" alt="Stage showing a submitted AI image with a burst of reaction effects and a live tally of entries" width="1908" height="1072" data-path="images/launcher/audience/gameshow-reactions.png" />
  </Frame>

  <Frame caption="Light it up — the audience lights up the stage together">
    <img src="https://mintcdn.com/xrlive/c92UL1cTPaUXaE5J/images/launcher/audience/liu-stage.png?fit=max&auto=format&n=c92UL1cTPaUXaE5J&q=85&s=bec2663fabb028e93bfe1cc85a97533e" alt="Stage grid of hexagons lighting up in color with a join QR code in the corner" width="1906" height="1068" data-path="images/launcher/audience/liu-stage.png" />
  </Frame>
</Columns>

## Where to go next

<Columns cols={2}>
  <Card title="QR code & joining" icon="qrcode" href="/launcher/audience/qr-join">
    How the QR code is generated and how the audience gets in from their phones.
  </Card>

  <Card title="Interactions" icon="thumbs-up" href="/launcher/audience/interactions">
    The common ways an audience can take part — reactions, votes, polls, and more.
  </Card>

  <Card title="Game shows" icon="trophy" href="/launcher/audience/game-shows">
    Run a full competitive experience end to end, from setup to crowning a winner.
  </Card>
</Columns>