手順1: クライアントアプリケーションとSDKの導入

この手順ではRoomに接続するクライアントアプリケーションを作成します。

1-1. Twilio Video Client SDKを読み込み

アプリケーションを再起動し、http://localhost:3000/index.htmlにアクセスすると下記のようなページが表示されることを確認します。

チャットクライアント

続いてindex.htmlをコードエディタで開き、コメントアウトされている <script>タグをアンコメントします。

<html>
    <!-- 省略 -->
    
    <!-- Twilio Client SDKを読み込み -->
    <script src="https://sdk.twilio.com/js/video/releases/2.21.0/twilio-video.min.js"></script>
</script>
    <script src="./video.js"></script>
 </html>

これでTwilio Video Client SDKが利用できます。

次の手順