/react_ts_ayame_recv

React.js and Typescript example for Ayame Labo (WebRTC signaling)

Primary LanguageTypeScriptMIT LicenseMIT

React.js/TypeScript - Ayame Labo Recieve only Example

React.js and TypeScript exmaple for Ayame Labo.

これは WebRTCシグナリングサービスのAyame Labo 向けの、React.js/TypeScript によるサンプルです。受信専用として動作します。

  • ayame-web-sdk を利用しています(Apache 2.0 ライセンス)

LICENSE / ライセンス

  • MIT LICENSE / MITライセンス

利用方法

事前準備

  • GitHub アカウントで、Ayame Labo にサインアップ
  • シグナリングキーを取得

GitHub Pages で実行

送信側

  • ブラウザを起動、 https://mganeko.github.io/react_ts_ayame/ にアクセス
  • SignalingKey: に Ayame Labo のシグナリングキーを入力
  • Room: にルーム名(Channel名)を入力
    • Username@RoomID の形式
  • [Start Video]ボタンをクリック
  • [Coonect]ボタンをクリックして接続

受信側

  • ブラウザを起動、 https://mganeko.github.io/react_ts_ayame_recv/ にアクセス
  • SignalingKey: に Ayame Labo のシグナリングキーを入力
  • Room: にルーム名(Channel名)を入力
    • Username@RoomID の形式
  • [Coonect]ボタンをクリックして接続

URLを次の形式で指定することで、シグナリングキーとルーム名を指定可能

開発環境で実行

自分のサーバーで実行