マニュアル キャンセル

ウィジェットインタラクションにオーディオを追加

  1. Captivate ユーザーガイド
  2. Captivate とは
    1. Adobe Captivate
    2. Adobe Captivate の必要システム構成
    3. Adobe Captivate のダウンロード
    4. よくある質問
  3. Adobe Captivate のリリース
    1. Adobe Captivate 13
      1. Adobe Captivate(13.0)リリースノート
    2. Adobe Captivate 12
      1. Adobe Captivate 12 の概要
      2. Adobe Captivate(12.6 アップデート)リリースノート
      3. Adobe Captivate(12.5 アップデート)リリースノート
      4. Adobe Captivate(12.4 アップデート)リリースノート
      5. Adobe Captivate(12.3 アップデート)リリースノート
      6. Adobe Captivate(12.2 アップデート)リリースノート
      7. Adobe Captivate(12.1 アップデート)リリースノート
  4. プロジェクトのセットアップ
    1. スライドナビゲーター
    2. プロジェクト寸法
    3. 環境設定
      1. 一般環境設定
      2. 生成 AI の環境設定
      3. プロジェクトの環境設定
      4. クイズの環境設定
    4. テーマ
    5. Adobe Captivate 機能の URL アクセスを設定する
  5. PowerPoint からの読み込み
    1. Captivate への PowerPoint プレゼンテーションの読み込み
    2. インポートしたスライドのテキストを操作する
    3. インポートしたスライドの図形を操作する
    4. インポートしたスライドにメディアを追加する
    5. インポートしたスライドにインタラクションとアニメーションを追加する
  6. Captivate における生成 AI
    1. 生成 AI の概要
    2. テキストを生成 
      1. テキストを生成の概要
      2. テキスト生成のための効果的なプロンプトを作成する
      3. クイックプロンプトを使用してテキストを生成する
      4. カスタムプロンプトを使用してテキストを生成する
      5. テキスト生成を改善するためのフィードバックを提供する
    3. 画像を生成する
      1. 画像を生成するの概要
      2. プロンプトを使用して画像を生成する
      3. 画像のコンテンツタイプを選択 - 写真またはアート
      4. 構図とスタイルの参照画像を使用する
      5. 効果的な画像生成のためのベストプラクティス
      6. 画像生成を改善するためのフィードバックを提供
    4. アバターを生成
      1. アバターを生成の概要
      2. アバターをカスタマイズ
      3. アバターナレーション用の文字起こしを作成する
      4. アバターナレーションを生成
      5. アバター生成を改善するためのフィードバックを提供
    5. トランスクリプトを生成
      1. トランスクリプトを生成の概要
      2. クローズドキャプションをベースにしたトランスクリプトの生成
      3. トランスクリプトを効果的に使用するためのベストプラクティス
  7. テキストの追加と編集
    1. プロジェクトにテキストを追加
    2. プロジェクトに Adobe Fonts を追加する
    3. 引用を追加
  8. 画像の追加と編集
    1. プロジェクトに画像を追加
    2. スライド上の背景画像を編集
    3. プロジェクトに SVG を追加
  9. メディアの追加と編集
    1. プロジェクトにビデオを追加
    2. オーディオの追加と編集を行う
    3. ウィジェット操作用の音声を追加
    4. クローズドキャプションを追加する
    5. プロジェクトに web オブジェクトを追加する
  10. インタラクティブなコンポーネント
    1. ボタンの追加
    2. 入力フィールドを追加
    3. ラジオボタングループを追加
    4. ドロップダウンの追加
    5. チェックボックスを追加
    6. Adobe Captivate の変数
  11. クイズを作成
    1. 多肢選択問題を追加
    2. 正誤形式の質問を追加
    3. 列を一致させる質問を追加
    4. 短い答えの問題を追加
    5. 順序問題を追加
    6. 質問プールとランダム質問スライドを追加
    7. 質問を CSV 形式で読み込む
  12. ウィジェットの追加
    1. カードを追加
    2. タブを追加
    3. 証明書の追加
    4. カルーセルの追加
    5. ホットスポットの追加
    6. ドラッグ&ドロップを追加
    7. タイムラインを追加
    8. クリックして表示を追加
    9. アコーディオンを追加する
  13. インタラクションとアニメーション
    1. プロジェクトにインタラクションを追加
    2. オーバーレイを使用したインタラクティブビデオの作成
    3. スライドレベルのインタラクションの作成
    4. オブジェクトレベルのインタラクションの作成
    5. プロジェクトにアニメーションを追加
    6. Adobe Captivate のステート
  14. e ラーニングプロジェクトを強化
    1. コンテンツブロックとコンポーネントに余白を追加
    2. プロジェクトにヘッダーを追加する
    3. プロジェクトにフッターを追加する
    4. 長いスクロールプロジェクトの作成
    5. 会話スライドの追加
    6. Adobe Captivate プロジェクトへのキャラクターの追加
    7. Captivate のアセット
  15. シミュレーションプロジェクト
    1. シミュレーションの概要と設定
    2. デモモード
    3. トレーニングモード
    4. 評価モード
    5. フルモーション録画
  16. タイムラインと目次
    1. Adobe Captivate のタイムラインパネル
    2. Adobe Captivate の目次
  17. レビューと共同作業
    1. レビュー用の共有
    2. レビューの作成と管理
    3. レビューコメントを追加して共同作業する
    4. レビュー用にプロジェクトを共有する際の FAQ とトラブルシューティングのガイド   
  18. プレビューとパブリッシュ
    1. プロジェクトをプレビュー
    2. プロジェクトをパブリッシュする
  19. アクセシビリティ
    1. Adobe Captivate でのアクセシビリティが高い e ラーニングコンテンツの作成
    2. スライドのアクセシビリティを高める
    3. スライドオブジェクトのアクセシビリティを高める
    4. インタラクティブコンポーネントのアクセシビリティを設定
    5. ウィジェットのアクセシビリティを高める
    6. クイズのアクセシビリティを高める
    7. 目次および再生バーのアクセシビリティ
  20. Adobe Captivate のデザインオプション
    1. デザインオプションとは
    2. デザインオプションのパーツ
    3. カスタムデザインオプションを作成する
    4. カスタムデザインオプションを修正する
    5. カスタムデザインオプションを書き出す
    6. カスタムデザインオプションを読み込む
  21. その他の参考資料
    1. Captivate の使い方に関するトップページ
    2. Captivate Classic と Adobe Captivate の比較
    3. 以前の Captivate プロジェクトを最新バージョンにアップグレードする
    4. Admin Console で Captivate パッケージを作成およびデプロイする

Adobe Captivate でインタラクティブウィジェットにオーディオを追加する方法を学びます。 

概要

ウィジェットにオーディオを追加することで、フィードバック、ガイダンス、ナレーションが強化され、特に視覚障がいのある学習者にとって、e ラーニングコースがより魅力的で利用しやすくなります。

この記事では以下の方法を説明します:

  • Adobe Captivate で様々なタイプのウィジェットにオーディオを追加する。

  • ユーザーインタラクション用のオーディオトリガーを設定する。

  • 様々なインタラクションタイプに合わせてオーディオをカスタマイズする。

サポート対象のオーディオフォーマット

Adobe Captivate のウィジェットインタラクションでは、以下のオーディオファイル形式をサポートしています。

  • MP3 - 最も一般的で、ファイルサイズが小さい。
  • WAV - 高品質だが、ファイルサイズが大きい。

ウィジェットの種類によって、サポートされるオーディオトリガーが異なります。各ウィジェットタイプで利用可能な機能は以下の通りです:

ウィジェットタイプ 利用可能なトリガー
タブ、タイムライン、クリックして表示 クリック / タップ
カード クリック / タップ、裏返す
ホットスポット、アコーディオン 展開
カルーセル オブジェクトの表示
ドラッグ&ドロップ クリック / タップ、ドラッグ、ドロップ、ドラッグオーバー、ドロップオーバー

様々なインタラクションタイプにオーディオを追加

ウィジェットの種類によって、サポートされるオーディオ再生のトリガーが異なります。各タイプのオーディオキューを追加する例を示します。

クリック / タップトリガー

このメソッドはタブタイムラインクリックして表示、およびカードウィジェットに使用します。

この例ではタブウィジェットを使用して説明します。

  1. オーディオインタラクションを追加したいタブウィジェットを含むプロジェクトを開きます。

  2. 任意のタブを選択します。この例では、最初のタブが選択されています。

  3. 右側のパネルで、「インタラクション」を選択する。 

    タブウィジェットでタブを選択し、プロパティパネルから「インタラクション」を選択します。
    プロパティパネルから「インタラクション」を選択

  4. インタラクションを選択すると、ウィジェットでクリック / タップトリガーが利用可能になります。このトリガーでサポートされているアクションはメディアを再生のみです。

    インタラクションにオーディオ再生を追加するには、「メディアを再生」を選択してください。

    アクションの下の「メディアを再生」を選択
    クリック / タップトリガーの「メディアを再生」を選択します。

  5. オーディオファイルをアップロードするには参照を選択します。

  6. オーディオフィードバックをプレビューするには「再生」アイコンを選択します。

    オーディオをプレビューするには「再生」アイコンを選択します。
    オーディオをプレビューするには「再生」アイコンを選択します。

  7. インタラクション用のオーディオを追加するには完了を選択します。

反転トリガー

カードウィジェットにはこのメソッドを使用します。

  1. オーディオインタラクションを追加したいカードウィジェットを含むプロジェクトを開きます。

  2. 任意のカードを選択します。

  3. 右側のパネルで、「インタラクション」を選択します。 

  4. 「裏返す」を選択します。このトリガーでサポートされているアクションはメディアを再生のみです。

    アクションの下の「メディアを再生」を選択
    クリック / タップトリガーの「メディアを再生」を選択します。

  5. オーディオ再生をインタラクションに追加するにはメディアを再生を選択し、次にオーディオファイルをアップロードするには参照を選択します。

  6. オーディオフィードバックをプレビューするには再生アイコンを選択します。

  7. インタラクション用のオーディオを追加するには完了を選択します。

注意:

タイムラインウィジェットでは、各ステップにオーディオインタラクションを追加するために、タイムライン上の個々のノードを選択する必要があります。

オーディオインタラクションを追加するには、タイムラインウィジェットの各ノードを選択してください
オーディオインタラクションを追加するには、タイムラインウィジェットの各ノードを選択してください

トリガーを展開

この方法はホットスポットアコーディオンウィジェットに適用されます。

この例では、ホットスポットウィジェットが使用されています。

  1. ホットスポットウィジェットを追加します。

  2. オーディオを追加するには、任意のホットスポットを選択します。

  3. インタラクションインタラクションを追加を選択します。

    「ホットスポット」アイコンを選択し、「インタラクションを追加」を選択します。
    「ホットスポット」アイコンを選択し、オーディオインタラクションを追加

  4. トリガーとして展開を選択してください。 

    トリガーとして「展開」を選択し、オーディオトリガーを追加
    展開トリガーにオーディオを追加

  5. インタラクションを選択すると、ウィジェットの展開トリガーが利用可能になります。このトリガーでサポートされているアクションは、メディアの再生のみです。

    インタラクションにオーディオ再生を追加するには、メディアを再生を選択してください。

  6. オーディオファイルをアップロードするには、「参照」を選択します。

    参照を選択して、各ホットスポットのオーディオファイルを追加
    ホットスポットアイコンにオーディオを追加

  7. オーディオフィードバックをプレビューするには、再生アイコンを選択してください。

  8. インタラクションのオーディオを追加するには、完了を選択してください。

オブジェクト表示トリガー

このトリガーはカルーセルウィジェットに適用されます。

  1. カルーセルウィジェットを追加します。

  2. ページを選択して、インタラクションのオーディオを追加します。

  3. インタラクションインタラクションを追加を選択します。

  4. トリガーとしてオブジェクト表示を選択してください。

    オブジェクト表示でオーディオがトリガーされるカルーセルウィジェット
    カルーセルページへのオーディオの追加

  5. インタラクションを選択すると、ウィジェットのオブジェクト表示トリガーが利用可能になります。このトリガーでサポートされているアクションは、メディアの再生のみです。

    オーディオ再生をインタラクションに追加するには、メディアを再生を選択します。

  6. 「参照」を選択して、オーディオファイルをアップロードします。

  7. オーディオをプレビューするには、再生アイコンを選択します。

    オーディオをプレビューするには、再生アイコンを選択します。

  8. インタラクション用のオーディオを追加するには、「完了」を選択します。

ウィジェットをドラッグ&ドロップ

ドラッグ&ドロップウィジェットでは、ドラッグアイテムとドロップターゲットの両方にオーディオを追加できます。

ドラッグアイテムのオーディオを追加

ドラッグアイテムは、学習者が画面上で移動できるオブジェクトです。クリック時、ドラッグ時、またはターゲットにドロップしたときにオーディオを再生するように設定できます。

  1. ウィジェットのドラッグアイテムを選択します。

    ターゲット上にドラッグ&ドロップするオブジェクトを選択
    オーディオインタラクションを追加するドラッグオブジェクトを選択

  2. プロパティパネルで、インタラクションインタラクションを追加を選択します。

  3. ドラッグなどのオーディオ再生のトリガーを選択します。ドラッグオブジェクトの場合、クリック / タップ、ドラッグ、またはドロップアクションでオーディオを再生するように選択できます。

    ドラッグオブジェクトのトリガーを選択
    ドラッグオブジェクトのトリガーを選択

  4. アクションの下のメディアを再生を選択します。

  5. オーディオファイルをアップロードするには、「参照」を選択します。

  6. オーディオフィードバックをプレビューするには、再生アイコンを選択します。

    再生アイコンを選択して、ドラッグインタラクションのオーディオ再生をプレビュー
    ドラッグトリガーのオーディオをプレビュー

  7. 「完了」を選択して、オーディオインタラクションを追加します。

ドロップターゲット向けのオーディオを追加

ドロップターゲットは、学習者がドラッグアイテムを配置する領域です。アイテムがターゲット上にホバーしたとき(ドラッグオーバー)、またはターゲット上にドロップされたとき(ドロップオーバー)にオーディオを再生できます。

  1. ウィジェットのドロップターゲットを選択します。

    ドロップターゲットを選択して、オーディオインタラクションを追加

  2. プロパティパネルで、インタラクションインタラクションを追加を選択します。

  3. ドロップオーバーなどのオーディオ再生のトリガーを選択します。ドロップターゲットの場合、ドラッグオーバーまたはドロップオーバーアクションでオーディオを再生するように選択できます。

    ドロップターゲットのトリガーを選択
    ドロップターゲットのトリガーを選択

  4. アクションの下の「メディアを再生」を選択します。

  5. 「参照」を選択してオーディオファイルをアップロードします。

  6. オーディオフィードバックをプレビューするには、再生アイコンを選択します。

  7. 「完了」を選択して、オーディオインタラクションを追加します。

ウィジェットのオーディオをカスタマイズ

スライドのオーディオを編集、置換、または削除してインタラクションをカスタマイズします。クリックやオブジェクトの表示とオーディオのタイミングを同期し、より良い音質のファイルに交換します。スライドをプレビューして、オーディオキューがインタラクションとスムーズに合っているか確認します。Captivate でのオーディオ編集についての詳細を参照してください。

ウィジェットのオーディオを編集

  1. オーディオを含むウィジェット要素を選択します。

  2. インタラクション設定を開きます。

  3. 編集アクションアイコンを選択します。

    ウィジェットのオーディオインタラクションを編集
    ウィジェットのオーディオインタラクションを編集

  4. オーディオタイムラインを使用して、オーディオのトリミング、延長、同期を行います。

    タイムラインでウィジェットオーディオインタラクションを編集

  5. 「保存」を選択して、変更を適用します。

  6. プレビューを選択して、コース中に学習者に対してオーディオがどのように再生されるかを確認します。

アセットからオーディオを追加

Captivate アセットライブラリから直接オーディオファイルを追加して、プロジェクトを強化します。このライブラリには、インタラクションをより魅力的にするための、すぐに使用できる幅広いオーディオリソースが用意されています。 

  1. ウィジェットのインタラクションオーディオの横にある「編集」アイコンを選択して、オーディオタイムラインの編集を開きます。 

  2. インポートアセットを選択し、オーディオファイルを選択します。

    ウィジェットインタラクション用にアセットからオーディオをインポート
    ウィジェットインタラクション用にアセットからオーディオをインポート

  3. 「保存」を選択して、変更を適用

ウィジェットのオーディオを削除

オーディオを削除するには、既存のオーディオインタラクションを選択し、削除アイコンを選択します。 

ウィジェットのオーディオを削除
ウィジェットのインタラクションオーディオを削除

例と使用例

ウィジェットにオーディオインタラクションを追加する実際の応用例をご紹介します。

シナリオ  使用例 ウィジェットの例  利点 
視覚障がい者向けのアクセシビリティ 視覚障がいのあるユーザーが各タブのコンテンツを理解できるように、インストラクションデザイナーがタブウィジェットにオーディオナレーションを追加します。  タブ、フリップカード、アコーディオン  508/WCAG コンプライアンス基準に準拠し、視覚要素の代替形式を提供します。 
ガイド付きマイクロラーニング 企業のトレーニング担当者が、クリックして表示するインタラクションに、短いオーディオ指示を組み込み、プロセスを探索するステップをユーザーに教えます。  クリックして表示、タイムライン  画面上のテキストを増やしすぎることなく、オーディオで明確な説明を追加できます。 
グローバル学習者向けの言語サポート  ローカライゼーションチームが、翻訳されたテキストを補完するために、ドラッグ&ドロップのラベルにスペイン語の音声読み上げを追加します。  ドラッグ&ドロップ、カルーセル  多言語トレーニング環境での理解を強化します。 
親しみやすいガイダンスによるオンボーディング  デザイナーが従業員のオンボーディング時にアコーディオンセクションに歓迎のオーディオメッセージを使用し、コースをより親しみやすく魅力的なものにします。  アコーディオン、タイムライン  会話的なトーンで学習者の関心を高めます。 

ウィジェットにオーディオを追加する際のベストプラクティス 

  • ウィジェットでオーディオを効果的に使用するには:
  • オーディオは簡潔で明確に保ち、ユーザーのアクションに合わせて調整してください。
  • ファイル間で一定の音量レベルを維持してください。
  • 気が散らないように高品質な録音を使用してください。
  • 特にオーディオの合図を必要とするユーザーを対象に、実際にテストを行ってください。

Adobe, Inc.

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

新規ユーザーの場合