Skip to content

mganeko/react_ts_ayame

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React.js/TypeScript - Ayame Labo 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 で実行

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

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

開発環境で実行

自分のサーバーで実行

  • $ git clone https://github.com/mganeko/react_ts_ayame.git
  • $ cd react_ts_ayame
  • $ npm install
  • $ npm run build
  • build/ 以下をWebサーバーに配置(要https)
  • 配置したWebサーバーにブラウザーでアクセス
  • その後は GitHub Pages の例と同様

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published