# Live デモ

ホストと視聴者の公式サンプルを使い、2 ユーザーの Live セッションを試します。

Canonical: https://developer.realsee.ai/ja/docs/live/demo
Source: https://developer.realsee.ai/ja/docs/live/demo.md
Language: ja

> **tip**

公式ブラウザーサンプルには安全なコンテキストが必要です。以下の HTTPS リンクで開いてください。

<span id="basic-example" class="docs-anchor-alias" aria-hidden="true"></span>

## 基本サンプル

ホストと視聴者は別セッションを使います。このポータルには別オリジンのデモを埋め込まず、各役割を別タブやウィンドウで開きます。

<span id="try-it-online" class="docs-anchor-alias" aria-hidden="true"></span>

## オンラインで試す

<span id="browser-experience" class="docs-anchor-alias" aria-hidden="true"></span>

### ブラウザー体験

| ホストの役割 | 視聴者の役割 |
| --- | --- |
| [ホストデモを開く](https://realsee-developer.github.io/live-demo/index.html?userRole=anchor) | [視聴者デモを開く](https://realsee-developer.github.io/live-demo/index.html?userRole=audience) |

<span id="wechat-mini-program-experience" class="docs-anchor-alias" aria-hidden="true"></span>

### WeChat ミニプログラム体験

| ホストの役割 | 視聴者の役割 |
| --------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
| ![ホスト用ミニプログラム QR コード](https://developer.realsee.ai/assets/docs/cdn/155467a9-e08d-4cdc-90bf-f8abccc1581c.png) | ![視聴者用ミニプログラム QR コード](https://developer.realsee.ai/assets/docs/cdn/9e8e0891-88fb-4e53-a9a6-794b5e430c07.png) |

