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

非推奨のお知らせ

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

なぜ変わるのか？

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

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

次のステップ

スタート

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

クイック・スタート

  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. 次のコード・スニペットを使用する。 部屋を作る そして 参加 を作成する必要があります。 ルームオブジェクトを作成するには、APIキー、セッションID、セッション用のトークンが必要です：
<script type="text/javascript">
  const room = new VideoExpress.Room({
    apiKey: '', // add your Application ID
    sessionId: '', // add your Session ID
    token: '', // add your token
    roomContainer: 'roomContainer',
  });

  room.join();
</script>

のガイドを参照。 セッション作成 そして トークン作成.

その他のリソース

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