ボンテージ・ビデオ・エクスプレス

非推奨のお知らせ

Vonage Video Expressは非推奨となりました。このライブラリは既存の統合で引き続きご利用いただけますが、新規プロジェクトや移行をお考えのお客様には Video API リファレンスアプリ.

なぜ変わるのか?

について Video API リファレンスアプリ は、マルチパーティービデオアプリケーションを構築するための、より堅牢で、モダンで、カスタマイズ可能な基盤を提供します。その特徴は以下の通りです:

  • ベストプラクティス:コアビデオSDKの最新実装。
  • プロダクション・レディなUI:ウェブ、iOS、Android用の高度にカスタマイズ可能なコンポーネント。
  • 高度な機能:複雑なレイアウトとモダンブラウザの機能をより良くサポート。

次のステップ

はじめに

Vonage Video Expressは、マルチパーティビデオ会議Webアプリケーションを素早く作成するためのJavaScriptライブラリです。 会議Webアプリケーションを迅速に作成するためのJavaScriptライブラリです。Vonage Video API for JavaScript の上で動作します。

重要な注意事項

Video Express をご利用になる前に、必ずご自身の Account で Video Express アドオンを有効にしてください。

  1. あなたのところへ Video API アカウント をクリックしてください。 アカウント設定 をクリックしてください。
  2. のリストでは Accountの追加機能見つける ビデオ・エクスプレス をクリックしてください。 Accountに追加. その後、残りの手順に従ってアドオンを有効にしてください。

Vonage Video Express 1.0 では、現在、1つのルームにつき最大25名の同時参加に対応しています。セッションに参加者を25名以上追加する場合は、参加者のネットワークおよびハードウェアの性能が十分であることを確認する必要があります。

クイック・スタート

  1. Video Expressパッケージをインストールします:
  • を使用したインストール npm パッケージ

    npm i --save @vonage/video-express
  • また、スクリプトタグを <head> セクションに アプリケーションにVonage Video Expressを含める。

    <script src="https://static.opentok.com/v1/js/video-express.js"></script>
    
  1. 現在、Vonage Video ExpressにはデフォルトのUIが含まれていません。そのため、アプリ内のルームコンポーネントをスタイル設定するために を追加する必要があります:

手っ取り早く始めるには video-express-styles.css ファイルを作成し、それを head セクションを参照されたい:

<link rel="stylesheet" href="/path/to/video-express-styles.css" media="screen" charset="utf-8">
  1. 追加 div 要素内の body セクションになります。これは ルームコンテナ.SDKは はすべての DOM コンポーネントをこのコンテナ内に追加します:
<body>
  <div id="roomContainer"></div>
</body>
  1. 次のコード・スニペットを使用する。 部屋を作る そして 参加 ビデオ会議。 ルームオブジェクトを作成するには、OpenTok API キー、OpenTok セッション ID、およびそのセッションのトークンを指定する必要があります:
<script type="text/javascript">
  const room = new VideoExpress.Room({
    apiKey: '', // add your OpenTok API key
    sessionId: '', // add your OpenTok Session ID
    token: '', // add your OpenTok token
    roomContainer: 'roomContainer',
  });

  room.join();
</script>

OpenTokの開発者向けガイドについては、以下をご覧ください。 セッション作成 そして トークン作成.

その他のリソース

参照 Video Express API リファレンス そして 開発者ガイド.

また、GitHubにあるこれらのサンプルアプリもご覧ください:

  • video-express-react-app — Video ExpressとCreate React Appを使用した多人数参加型ビデオアプリです。Video Expressが提供する機能に加え、 このアプリには、ルームや参加者の名前選択、 アーカイブ(録画)などの機能が搭載されています。

  • Vonage Video Express iOSおよびAndroidデモ — モバイルアプリ向けに、Webビュー(iOSのWKWebViewやAndroidのWebViewなど)内でVideo Expressを利用するアプリ。