メインコンテンツへスキップ

ライブイベントにローワーサードグラフィックを追加する方法

ウェブベースのプロダクションツールで、バーチャル配信にローワーサードグラフィックを追加できます。この記事では、ウェブベースのプロダクションツールを使用して、これらのグラフィックスを作成、カスタマイズ、表示する方法を説明します。

記事の内容：

ローワーサードグラフィックを追加する前に知っておくべきこと

イベントにローワーサードグラフィックを追加する前に、次の点にご注意ください。

  • サポートされているプロダクションモード：ローワーサードグラフィックは、「ブラウザから配信」プロダクションモードを選択して、ブラウザ内のプロダクションスタジオを使用している場合にサポートされます。
    「ライブ配信を開始」ボタンから展開されたプロダクションモードメニューには、「ブラウザからストリーム」「事前録画イベント」「録画のみ」「外部エンコーダーの使用」のオプションが表示されています。「ブラウザからストリーム」オプションが選択され、赤い枠で強調表示されています。
  • 自動作成： ブロードキャスターとすべてのゲストスピーカー用に、ローワーサードグラフィックが自動的に作成されます。名前とタイトルは表示されますが、画像は含まれません。
  • デフォルトグラフィック：アンケートやQ&Aには、アンケート結果や投稿された質問などのデフォルトのローワーサードグラフィックが用意されています。
  • 定期的なライブイベント：定期的なバーチャルイベント用のグラフィックは保持されますが、ストリームのたびにグラフィックが自動的に表示されるわけではありません。シーン内で引き続き、表示および非表示にする必要があります。

ローワーサードグラフィックを作成する方法

シーン用にカスタムのローワーサードグラフィックを作成できます。手順は以下のとおりです。

  1. ウェブベースのプロダクションツールから、左側のナビゲーションメニューにあるグラフィックアイコンを選択します。
  2. 「+ ローワーサードを追加」を選択します。
  3. グラフィックのプライマリテキスト、画像、およびオプションのセカンダリテキストを入力します。
  4. 「保存」を選択します。
    プロダクションスタジオの左側のツールバーで、グラフィックアイコンが赤い枠で強調表示されています。メインの「ローワーサード」パネルでは、「+ ローワーサードを追加」ボタンも赤い枠で強調表示されています

ブランドに合わせてローワーサードグラフィックをカスタマイズする方法

ブランドキットを利用できる場合は、イベントのすべてのローワーサードグラフィックの色をブランドに合わせて調整できます。手順は以下のとおりです。

  1. 左側のツールバーでブランドアイコンを選択します。
  2. プライマリカラーまたはセカンダリカラーを選択して、カラーウィンドウを開きます。
  3. カラーセレクターをドラッグ＆ドロップするか、ブランドの正確なHEXカラーコードを入力します。
  4. ブランドカラーを適用するには、「保存」を選択します。
    左側のツールバーで、ブランドアイコンが赤い枠で強調表示されています。「カラー」セクションでは、右側のカラー選択スウォッチが赤い枠で強調表示されており、下部の「保存」ボタンも赤い枠で強調表示されます。

シーンにローワーサードグラフィックを追加する方法

作成した後は、ライブイベント中にグラフィックを表示するためにシーンに追加する必要があります。手順は以下のとおりです。 

  1. 左側のツールバーで「グラフィック」を選択します。
  2. 「シーン」タブを選択します。
  3. グラフィックの横にある「 +アイコン」を選択してシーンに追加します。
    シーンのローワーサード一覧で、「スピーカー名」と「スピーカーのタイトル」が表示されています。テキスト横のプラス（+）アイコンにカーソルが置かれ、「シーンに追加」というツールチップが表示されています。

シーンのローワーサードグラフィックを管理する方法

グラフィックをシーンに追加した後、ライブイベントから手動で編集または削除できます。手順は以下のとおりです。 

  1. 左側のツールバーで「グラフィック」ボタンを選択します。
  2. グラフィックパネル内の「シーン」タブを選択します。
  3. 縦の三点リーダーボタンを選択して、オーバーフローメニューを開きます。ここから、ローワーサードの外観を編集したり、ライブイベントから完全に削除したりできます。
    オプションメニューが展開されているローワーサードリストの項目。三点リーダーのメニューアイコンと、「編集」と「イベントから削除」を含むドロップダウンリストが赤い枠で強調表示されています。

スピーカー用にローワーサードグラフィックを管理する方法

グラフィックメニューのもう一つタブは、スピーカー用です。これらのローワーサードグラフィックは、ブロードキャスターおよびイベントに追加されたすべてのゲストスピーカー用に自動的に作成されます。これらを編集するには、以下の手順を行います。

  1. ローワーサードにカーソルを合わせます。
  2. 鉛筆アイコンを選択します。
    「スピーカー」タブが選択され、強調表示されたローワーサードの設定パネル。「スピーカー #1」の横にある編集アイコン（鉛筆）が赤い枠で強調表示されており、右側には対応するスピーカーのフォーム（名前と肩書きのフィールド）も強調表示されています。
  3. スピーカーの名前とタイトルを編集します。これらのローワーサードには画像フィールドは含まれません。
  4. 変更内容は自動的に保存されます。

ライブイベント中にローワーサードグラフィックを表示する方法

ローワーサードグラフィックを作成し、外観を編集した後は、シーン内で視聴者に対して表示する必要があります。表示する手順は以下の通りです。

  1. シーンがストリーム出力で表示されている間、ウェブベースのプロダクションスタジオの中央にある出力プレビューにカーソルを合わせます。
  2. 「表示」を選択して、ローワーサードグラフィックを表示します。
    非表示のローワーサードグラフィックの操作を表示している動画のプレビュー画面。「表示」ボタンが赤い枠で強調表示され、シーンのサムネイル上部中央に表示されています。
  3. ローワーサードグラフィックを非表示にするには、再度ステージにカーソルを合わせて、「非表示」を選択します。
    「スピーカー1」のアクティブなローワーサードグラフィックが表示されている、動画のプレビュー画面。操作オーバーレイの「非表示」ボタンが赤い枠で強調表示されています。

推奨される次のステップ

関連記事