【React】React.js (TypeScript) + Voximplantで動画アプリを作る | プロマリ | プログラミング教室 | リモートワーク | 港区

以下の記事はQiitaの@yumaYeahさんが記述した「React.js (TypeScript) + Voximplantで動画アプリを作る」の紹介記事です。

0. Voximplantとは

Voximplant はロシア発のスタートアップで、VRやARを始めとした動画技術関連のCPaaS、つまりクラウドプラットフォームを独自サービスとして提供しています。WebRTCのライブラリも充実しており、WebやモバイルからUnityのようなゲームエンジンまで、幅広い用途に対応しているのが特徴です。

　2019年12月現在、まだ日本語では開発方法に関する情報が少ないので、今回は、React上で簡単な動画アプリを作る方法をご紹介します。今回作るのはP2Pの動画アプリ（SDK同士の通信）なので、コストは無料です（月あたりのアクティブユーザーが1000人を超えると有料になります）。今回は、エディタに Visual Studio Codeを利用しました。

1. Reactの新規プロジェクトを立ち上げる

yarn と node が使える前提で、プロジェクト名は voximplant とします。

cd <WHERE_YOU_CREATE_A_NEW_PROJECT>
yarn create react-app voximplant --template typescript

プロジェクトが立ち上がったら、ローカルホスト上で動くことを確認します。

cd voximplant
yarn start

この画面がブラウザ上に表示されたら準備完了です。

2. Voximplant 上に Application を作る

今回は1対1の動画チャットを作ります。まず、Voximplant に登録しましょう。