ビデオ インタラクティビティの入門

このトピックでは、動画にインタラクティブ機能を追加する方法を学びます。

Brightcove プレーヤー用の Interactivity プラグインを使用すると、プレーヤーは Brightcove Interactivity が提供する機能を利用できます。インタラクティビティ プロジェクトに注釈が追加されると、対応する動画に自動的に表示されます。

始める前に

ビデオ インタラクティブ機能を開始する前に、Interactivity プラグインで Brightcove プレーヤーを設定する必要があります。Interactivity プラグインを Brightcove プレーヤーに追加すると、動画再生中にプレーヤー内に注釈を表示できます。Interactivity プラグインは、他のプレーヤー プラグインと共存できます。Interactivity 対応 Brightcove プレーヤーの作成手順の詳細は、 Interactivity プラグインで Brightcove プレーヤーを設定するを参照して下さい。

インタラクティブ プロジェクトの作成

プロジェクトを作成するには、以下の手順に従ってください。

  1. Video Cloud Studio にログインします。
  2. インタラクティブ モジュールを開きます。
  3. 新規プロジェクトをクリックします。
  4. プロジェクトのタイトルを入力して下さい。
  5. プロジェクトで使用する動画を選択します。
  6. 作成をクリックします。プロジェクト一覧にプロジェクトが表示されます。

テキスト オーバーレイの追加

このセクションでは、インタラクティブ機能が Brightcove プレーヤー内で表示できることを確認するために、テキスト オーバーレイを追加します。

  1. プロジェクトのタイトルをクリックして開きます。
  2. 下部のツールバーで、テキスト オーバーレイのアイコンをクリックします。
  3. メニューの Editor リンクをクリックしてください。
  4. オーバーレイのサンプルテキストを入力し、SUBMIT をクリックします。
  5. Done をクリックします。

動画にテキストや画像のオーバーレイ注釈を追加する方法については、以下のいずれかを参照してください:

動画のプレビューと埋め込みコードの生成

プロジェクトに注釈が追加されたら、動画をプレビューして、インタラクティブ機能が期待どおりに動作していることを確認します。 Interactivity モジュールでプレビューして埋め込みコードを生成する場合、プロジェクトでは、 アカウントのデフォルトとして設定されている Interactivity 対応プレーヤが使用されます。

以下の手順に従って、プロジェクトの埋め込みコードをプレビューし、生成してください:

  1. プロジェクトのタイトルをクリックして開きます。
  2. 埋め込むをクリックします。
  3. プレーヤーを選択します。ドロップダウンリストには、Interactivity プラグインがインストールされているすべてのプレーヤーが表示されます。
  4. 別のブラウザ タブでプロジェクトをプレビューするには、プレビューをクリックします。
  5. インタラクションが表示されることを確認します。
  6. 埋め込みコードをコピーして、あなたのウェブページに貼り付けてください。