ボンテージ・ビデオ・エクスプレス
非推奨のお知らせ
Vonage Video Expressは非推奨となりました。このライブラリは既存の統合で引き続きご利用いただけますが、新規プロジェクトや移行をお考えのお客様には Video API リファレンスアプリ.
なぜ変わるのか?
について Video API リファレンスアプリ は、マルチパーティービデオアプリケーションを構築するための、より堅牢で、モダンで、カスタマイズ可能な基盤を提供します。その特徴は以下の通りです:
- ベストプラクティス:コアビデオSDKの最新実装。
- プロダクション・レディなUI:ウェブ、iOS、Android用の高度にカスタマイズ可能なコンポーネント。
- 高度な機能:複雑なレイアウトとモダンブラウザの機能をより良くサポート。
次のステップ
- 新規・既存ユーザー:で旅を始めてください。 Video API リファレンス アプリ概要.
- 追加ガイダンスについては、Vonage ビデオサポート (support@api.vonage.com).
はじめに
Vonage Video Expressは、マルチパーティビデオ会議Webアプリケーションを素早く作成するためのJavaScriptライブラリです。 会議Webアプリケーションを迅速に作成するためのJavaScriptライブラリです。Vonage Video API for JavaScript の上で動作します。
重要な注意事項
Video Express をご利用になる前に、必ずご自身の Account で Video Express アドオンを有効にしてください。
- あなたのところへ Video API アカウント をクリックしてください。 アカウント設定 をクリックしてください。
- のリストでは Accountの追加機能見つける ビデオ・エクスプレス をクリックしてください。 Accountに追加. その後、残りの手順に従ってアドオンを有効にしてください。
Vonage Video Express 1.0 では、現在、1つのルームにつき最大25名の同時参加に対応しています。セッションに参加者を25名以上追加する場合は、参加者のネットワークおよびハードウェアの性能が十分であることを確認する必要があります。
クイック・スタート
- 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>
- 現在、Vonage Video ExpressにはデフォルトのUIが含まれていません。そのため、アプリ内のルームコンポーネントをスタイル設定するために を追加する必要があります:
手っ取り早く始めるには video-express-styles.css ファイルを作成し、それを head セクションを参照されたい:
<link rel="stylesheet" href="/path/to/video-express-styles.css" media="screen" charset="utf-8">
- 追加
div要素内のbodyセクションになります。これは ルームコンテナ.SDKは はすべての DOM コンポーネントをこのコンテナ内に追加します:
<body>
<div id="roomContainer"></div>
</body>
- 次のコード・スニペットを使用する。 部屋を作る そして 参加 ビデオ会議。 ルームオブジェクトを作成するには、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を利用するアプリ。