インタラクティブビデオの作成

最終更新日 : 2021年4月28日

Captivate

アプリを開く

インタラクティブビデオとは、ユーザーによる操作がサポートされるビデオのことです。これらのビデオは通常のビデオファイルと同様に再生されますが、コンテキストヘルプやインラインナレッジチェックが含まれています。

Adobe Captivate (2019 release) とインタラクティブビデオ

インタラクティブビデオの概要

インタラクティブビデオは、分岐的にストーリーを展開するためのビデオ形式で、各種のツールやインタラクティブな要素を使用して、対話形式でビデオを再生することができます。

こうした方法により、ユーザーの意識をビデオに集中させ、ビデオのテーマを実践可能な知識としてユーザーに伝えることができます。インタラクティブビデオには、以下のような利点があります。

インタラクティブビデオを評価してカスタマイズすることにより、ユーザーの意識をビデオに集中させることができる
ユーザーの認識力を高めることができる
すべての年齢層に適したコンテンツを作成できる

インタラクティブビデオは、多くの企業で、社員の取り組みレベルを測定するためのトレーニングツールとして使用されています。複雑なテーマを社員に素早く理解させるには、インタラクティブビデオが適しています。

Captivate では、スライドビデオ、YouTube のストリーミングビデオ、 cpvc ファイルをインタラクティブビデオに変換し、インタラクティブな要素をそのビデオに取り込むことができます。ビデオのタイムラインにブックマークを挿入し、ビデオまたは cptx の任意の位置からそのブックマークにジャンプすることができます。

インタラクティブビデオは HTML5 プレビューおよびパブリッシュワークフローでのみ使用できます。

大きいボタンバーで「インタラクティブビデオ」をクリックします。次のダイアログボックスが表示されます。

スライドビデオをインタラクティブにする

スライドビデオをインタラクティブにするには、次の手順を実行します。

空白のプロジェクトまたはレスポンシブプロジェクトを作成します（ファイル／新規プロジェクト／空白のプロジェクトまたはファイル／新規プロジェクト／レスポンシブプロジェクトを選択）。
スライドビデオをプロジェクトに追加するには、ツールバーで「インタラクティブビデオ」をクリックするか、大きなボタンバーでメディア／ビデオをクリックします。
コンピューターに保存されているビデオを選択します。

「OK」をクリックします。
注意：
フィルムストリップ内で選択したスライドにビデオを挿入するには、「スライドの長さを変更してビデオを収容する」をクリックします。

特定のスライド間でビデオを配布するには、「スライド間で配布」をクリックしてスライド番号を指定します。

同じビデオを、同じプロジェクトの別のスライドまたはスライドグループに挿入できます。同期したビデオが複数のスライドに読み込まれた場合、ビデオとスライド（同期ビデオグループ）の関連付けは内部で保持されます。ビデオのタイミングに対して行った編集は、同期ビデオグループのすべてのスライドに反映されます。
mp4 ビデオをプロジェクトに追加すると、そのビデオにインタラクティブ機能を追加できるようになります。これを行うには、以下に示すいずれかの方法を使用します。
- ブックマーク：ビデオ内の特定の位置にブックマークを追加することができます。ビデオ内で、ブックマークを追加した位置にジャンプすることができます。
- オーバーレイスライド：オーバーレイスライドにより、ビデオでアクションを完了したユーザーを、プロジェクト内の特定の場所に誘導することができます。

ブックマークの追加

タイムライン上で、ブックマークの挿入位置にプレイヘッドをドラッグします。

タイムライン上で、黄色い四角形に囲まれた「+」記号としてブックマークが表示されます。

また、タイムライン上のブックマークをハイライトしたり、ブックマークアイコンをテキストにコピーして貼り付けたりできます。
タイムライン上のブックマークをクリックします。

ブックマークの名前を入力してチェックマークをクリックします。
ビデオ内の任意の位置で特定の操作を実行した場合に（例えば、ボタンをクリックするなど）ブックマークの位置までジャンプするには、プロパティインスペクターの「アクション」タブで以下の設定を行います。
- 「アクション」の「成功時」ドロップダウンリストで、「ブックマークにジャンプ」オプションを選択します。
- 「ブックマーク」ドロップダウンリストで、上記の手順で作成したブックマークを選択します。
ブックマークにジャンプ

ブックマークの削除

タイムライン上で、削除するブックマークを選択します。
ブックマークを削除するには、ごみ箱アイコンをクリックします。

ブックマークの削除

オーバーレイスライドの追加

Adobe Captivate のオーバーレイスライドにより、録画済みのビデオやストリーミングビデオのインタラクション機能が拡張されます。任意のスライドをオーバーレイスライドとして設定し、ビデオタイムラインの任意の位置にそのスライドを挿入することにより、追加のインタラクティブレイヤーが作成され、ユーザーの使い勝手が向上します。

オーバーレイスライドにより、インタラクティブビデオの再生が完了したユーザーを特定の宛先に誘導することができます。例えば、レッスンを終了した学習者にクイズを出題し、その結果に応じて、さらにレッスンを継続したり、改善方法が記載された別のスライドに移動したりすることができます。こうしたスライドを、オーバーレイスライドと呼びます。

Captivate では、コンテンツを追加することも、インラインのナレッジチェックオーバーレイスライドを追加することもできます。

オーバーレイスライドを追加するには、

スライドを追加し、学習者に対して表示するコンテンツやナレッジチェックをスライド内に挿入します。
スライドビデオを使用して上記のスライドに移動し、タイムライン上で、オーバーレイスライドを追加する位置までプレイヘッドをドラッグします。

オーバーレイスライドマーカー
オーバーレイスライドダイアログで、ビデオが特定の位置に達したときにオーバーレイスライドとして表示するスライドを選択します。
注意：
オーバーレイスライドとして使用できるのは、以下のスライドだけです。

コンテンツスライドと空白のスライド

ナレッジチェックスライド
「挿入」をクリックして、選択したスライドを挿入します。

注意：

ビデオとオーバーレイが含まれているスライドをビデオのタイミングを編集ダイアログボックスでプレビューする場合、プレビューが正しく表示されません。
オーバーレイスライドを追加すると、以下の図のように、フィルムストリップ上にスライドが表示されます。オーバーレイスライドにマーカーが表示されます。このマーカーは、スライドがオーバーレイスライドに変換されたことを示しています。

フィルムストリップビュー上のオーバーレイスライド

他のスライドと同様に、オーバーレイスライドの表示時間を制御することができます。

プロジェクトをプレビュー表示すると、ビデオがオーバーレイスライドの挿入位置に達したときに表示されるオーバーレイスライドのコンテンツを確認することができます。

注意：

iOS デバイスでは、オーバーレイがタイムラインで 0 秒に配置されている場合、ストリーミングビデオを再生できません。

注意：

ビデオスライドをオーバーレイスライドとして使用することはできません。

オーバーレイの置換

ビデオのタイムライン上で、オーバーレイスライドの挿入位置にマウスをポイントします。

オーバーレイスライドの挿入位置
以下に示すいずれかのオプションを選択します。
- 置換：現在のオーバーレイスライドが別のオーバーレイスライドに置き換えられます。
- リンク解除：タイムライン上の挿入位置でオーバーレイスライドのリンクが解除されます。

YouTube のストリーミングビデオをインタラクティブビデオにする

ビデオにインタラクティブ機能を簡単に追加し、YouTube からビデオを読み込むことにより、ビデオベースの学習コンテンツを拡張して、学習者の意識をビデオに集中させることができます。

YouTube のストリーミングビデオをプロジェクトに追加するには、大きなボタンバーで「インタラクティブビデオ」をクリックします。

「YouTube ビデオ」オプションを選択します。
ビデオを読み込んだら、ビデオのプロパティインスペクターで、読み込んだビデオの開始時間と終了時間を変更することができます。

開始時間と終了時間

注意：

開始時間と終了時間を変更すると、これに合わせてタイムラインが調整されます。新しい開始時間はタイムラインのゼロの位置から開始されます。
必要に応じてオーバーレイとブックマークを追加します。

Vimeo のストリーミングビデオをインタラクティブビデオにする

Captivate (2019 release) アップデート 2 では、Vimeo から直接読み込んだビデオにインタラクティブ機能を追加できます。これにより、ビデオベースのコンテンツを拡張して学習者の意識をビデオに集中させ、その学習時間を大幅に削減するのに大いに役立ちます。

Vimeo からストリーミングビデオを挿入するには、次の手順に従います。

Captivate でプロジェクトを起動します。
Vimeo のストリーミングビデオをプロジェクトに追加するには、大きなボタンバーで「インタラクティブビデオ」をクリックします。

「Vimeo ビデオ」オプションを選択します。
「URL」フィールドに、Vimeo の URL を入力します。
ビデオを読み込んだら、ビデオのプロパティインスペクターで、読み込んだビデオの開始時間と終了時間を変更することができます。

開始時間と終了時間

注意：

開始時間と終了時間を変更すると、これに合わせてタイムラインが調整されます。新しい開始時間はタイムラインのゼロの位置から開始されます。

Vimeo のビデオにブックマークを挿入する

ビデオがプロジェクトに挿入されたら、ビデオにインタラクティブ機能を追加するプロセスを開始できます。ブックマークを追加して開始します。

ブックマークを使用すれば、コースを小さなモジュールに分割し、モジュール間で簡単にナビゲーションできるようになります。
ブックマークを作成すれば、通常のコンテンツフローを経由することなく特定のコンテンツにアクセスできます。
ビデオ内の重要なポイントにブックマークを設定すれば、学習者はコースでのインタラクションに基づいて探すことができます。

ブックマークを挿入するには、次の手順に従います。

タイムラインパネルの左下隅にある再生アイコンを使用してスライドを再生します。
ブックマークを挿入する位置でビデオを一時停止します。

赤色のプレイヘッドの現在の場所が、最初のブックマークを追加する場所です。そのためには、タイムラインパネルのプレイヘッドに注目します。次のスクリーンショットは、2 つの追加レイヤーがタイムラインに追加されたことを示しています。

プレイヘッドにはその他に 2 つのボタンもあります。+ 記号の付いた小さな四角はブックマークを追加するプレイヘッドの場所を示し、+ 記号の付いた小さなひし形はオーバーレイスライドを追加するプレイヘッドの場所を示しています。

+ 記号の付いた四角をクリックして、プレイヘッドの現在の場所にブックマークを追加します。

ブックマークの作成

ブックマークがビデオに追加されました。ビデオ内の他の場所にブックマークを配置する場合は、ブックマークをドラッグします。
別のスライドを追加して、そのスライドにボタンを 1 つ追加します。プロパティインスペクターでアクションパネルに移動すると、「ブックマークにジャンプ」が表示されます。「ブックマークにジャンプ」のアクションを選択します。ビデオに追加したすべてのブックマークのリストが表示されます。

このボタンに適切なブックマークを割り当てます。プレビュー時にこのボタンをクリックすると、ブックマークのあるポイントまたはフレームからビデオの再生が開始されます。

ブックマークにジャンプ
同様に、ブックマークを削除できます。タイムライン上で、削除するブックマークを選択します。ブックマークを削除するには、ごみ箱アイコンをクリックします。

ブックマークの削除

Vimeo のビデオにオーバーレイスライドを挿入する

Captivate (2019 release) では、挿入できるオーバーレイスライドは 1 つのみでしたが、アップデート 2 では複数のオーバーレイスライドを選択できます。複数のスライドを選択して、タイムライン上の同じポイントにリンクさせることができます。

オーバーレイを挿入するには、次の手順に従います。

タイムラインに移動して、オーバーレイスライドを追加する位置までプレイヘッドをドラッグします。挿入／オーバーレイをクリックします。

オーバーレイの挿入
オーバーレイとして使用するスライドを選択します。

オーバーレイスライドの選択
オーバーレイスライドを挿入した後、タイムライン上に移動してこれらのスライドを表示できます。タイムライン上のスライドを表示するには、「次へ」または「前へ」ボタンを使用します。

「前へ」ボタンと「次へ」ボタン
タイムライン上の別の場所に移動して、別のオーバーレイスライドを追加します。
オーバーレイスライドの位置を移動する場合は、ライムライン上の別の任意の位置にオーバーレイスライドをドラッグ＆ドロップします。
オーバーレイスライドを置き換えるには、オーバーレイのマーカーにマウスオーバーして「オーバーレイスライドを置き換え」アイコンをクリックします。

オーバーレイスライドの置き換え
オーバーレイスライドを削除するには、オーバーレイのマーカーにマウスオーバーして「オーバーレイスライドをリンク解除」アイコンをクリックします。これにより、ビデオからオーバーレイが削除されます。

オーバーレイスライドのリンク解除

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト

詳しく見る