Sora Labo¶
時雨堂の WebRTC SFU Sora を無料で検証できる Sora Labo で Sora JavaScript SDK を利用する方法を紹介します。
Sora Labo にサインアップする¶
Sora Labo にサインアップするには GitHub のアカウントが必須です。
アカウント取得後 Sora Labo にアクセスしてサインアップしてください。
Sora JavaScript SDK のサンプルを動かしてみる¶
Sora JavaScript SDK を Git Clone して、 pnpm install
を実行してください。
注釈
pnpm のインストールについては https://pnpm.io/ja/installation をご確認ください。
git clone [email protected]:shiguredo/sora-js-sdk-examples.git
cd sora-js-sdk-examples
pnpm install
.env.template
をコピーして .env.local
ファイルを作成してください。
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 のシークレットキーを指定してください
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
を実行する事でサンプルが起動します。
pnpm run dev
以下を二つ開いて connect
ボタンを押して、音声と映像が双方向で表示されれば WebRTC SFU Sora 経由で Sora JavaScript SDK を利用できています。