# Sora Labo

時雨堂の WebRTC SFU Sora を無料で検証できる [Sora Labo](https://sora-labo.shiguredo.app/) で Sora JavaScript SDK を利用する方法を紹介します。




## Sora Labo にサインアップする

Sora Labo にサインアップするには [GitHub](https://github.com/) のアカウントが必須です。

アカウント取得後 [Sora Labo](https://sora-labo.shiguredo.app/) にアクセスしてサインアップしてください。

## Sora JavaScript SDK のサンプルを動かしてみる

[Sora JavaScript SDK](https://github.com/shiguredo/sora-js-sdk) を Git Clone して、 `pnpm install` を実行してください。

> **注釈**
>
> pnpm のインストールについては  をご確認ください。

```bash
git clone git@github.com:shiguredo/sora-js-sdk-examples.git
cd sora-js-sdk-examples
pnpm install
```

`.env.template` をコピーして `.env.local` ファイルを作成してください。

```console
cp .env.template .env.local
```

Sora Labo 向けの設定を追加していきます。

- `VITE_SORA_SIGNALING_URL` には `wss://sora.sora-labo.shiguredo.app/signaling` を指定してください
- `VITE_SORA_CHANNEL_ID_PREFIX_PREFIX` には Sora Labo ダッシュボードで生成したチャンネル ID プレフィックスを指定してください- `{github_username}_{github_id}_` を指定してください
- `VITE_SECRET_KEY` には Sora Labo ダッシュボードで生成した JWT のシークレットキーを指定してください

```bash
VITE_SORA_SIGNALING_URL=wss://sora.sora-labo.shiguredo.app/signaling
VITE_SORA_CHANNEL_ID_PREFIX_PREFIX={github_username}_{github_id}_
VITE_SECRET_KEY={secret_key}
```

あとはサンプルを起動するだけです。 `pnpm run dev` を実行する事でサンプルが起動します。

```console
pnpm run dev
```

以下を二つ開いて `connect` ボタンを押して、音声と映像が双方向で表示されれば WebRTC SFU Sora 経由で Sora JavaScript SDK を利用できています。