サポート サポートへのお問い合わせ | システムステータス システムステータス
ページコンテンツ

    ライブイベントインページエクスペリエンスの作成

    このトピックでは、ライブイベントインページエクスペリエンスのコンテンツをカスタマイズする方法について説明します。

    ギャラリーには、ページ内エクスペリエンスの一部としてライブイベントを配信するために使用できるライブイベントインページテンプレートが用意されています。Brightcove では、ライブストリーム動画配信用のオプションを多数提供しています。すべてのオプションの一覧については、「ライブストリームの配信」を参照してください。ライブモジュールを使用してライブイベントをブロードキャストする手順の詳細については、以下を参照してください。

    新しいライブイベントインページエクスペリエンスを作成するには、新しいページ内エクスペリエンスを作成し、[ ライブイベント] ページ内テンプレートを選択します

    ライブイベントインページテンプレートには、他のインページエクスペリエンステンプレートには存在しない設定とコンテンツ項目があります。

    ライブIPXテンプレート
    1. 視聴者に表示中
    2. ライブイベントの状態
    3. [ソーシャル共有]:
    4. 画像プレースホルダ
    5. イベントカウントダウン
    6. テキストプレースホルダ
    7. カレンダーリマインダー
    8. 動画プレースホルダ

    視聴者に表示中

    [視聴者に表示中]設定は、どの「ライブイベント状態」を視聴者に表示するかを構成するために使用されます。

    ライブIPXテンプレート

    [ 変更 ] をクリックし、表示する状態を選択します。この設定を変更した後、エクスペリエンスを再公開する必要はありませんが、状態の変更が本番サイトに表示される前に 1 分になる場合があります。

    イベント状態選択ダイアログ

    ライブイベントの状態

    ライブイベントインページエクスペリエンスのエクスペリエンスの状態は、他のページ内エクスペリエンスの種類とは異なります。これらの各ステートの外観は、ページの上部にあるリンクをクリックしてカスタマイズできます。

    ライブイベントの状態

    ライブイベントインページエクスペリエンスの状態は次のとおりです。

    • プレイベント -ライブイベント開始前のライブエクスペリエンスの表示方法
    • LIVE-ライブイベントの進行中のエクスペリエンスの表示方法
    • イベント後 -ライブイベントが終了したときのエクスペリエンスの表示方法

    さまざまなエクスペリエンスの状態を編集するには、状態をクリックし、必要に応じてコンポーネントをエクスペリエンスに追加します。「レイアウト」(LAYOUT ) メニューには、各状態のカスタマイズオプションが用意されています。

    [ソーシャル共有]:

    ソーシャル共有オプションには、イベントと動画を共有するためのリンクがソーシャルメディアアカウントに提供されます。

    ソーシャル共有設定を構成するには、[共有の構成]リンクをクリックするか、左側のナビゲーションで[設定] > [ソーシャル]をクリックします。ソーシャル設定は以下で構成されています。

    イベント共有

    イベント共有設定では、視聴者はイベントページをソーシャルメディアアカウントと共有できます。イベントの詳細を設定する手順は、次のとおりです。

    1. イベント画像を追加するには、画像の追加をクリックしてから、次の操作を行います。
      • ファイルシステムからイメージをドラッグし、ドロップ領域にドロップします
      • [ 参照 ] をクリックし、ファイルシステムからイメージを選択します。
      • リモートイメージファイルの URL を入力してください
      画像を追加する
    2. イベントタイトル」と「イベントの説明」を入力します。
    3. イベント共有オプションの表示方法、テキストを共有するか、ソーシャルアイコンを表示するかを選択します。
    4. 利用可能な共有オプションを選択します。
      共有オプション
    5. エクスペリエンスが埋め込まれるページ URL を入力します。
    6. [ 生成 ] をクリックします。これにより、<head>ページのセクションに追加できるメタタグが生成されます。この機能を使えば、視聴者がエクスペリエンスを共有する際に、イベントの画像、タイトル、説明がソーシャルサイトに表示されます。

    動画共有

    動画共有設定では、視聴者はソーシャルメディアアカウントで動画を共有できます。ビデオ共有を構成するには、次の手順に従います。

    1. ビデオ共有オプションの表示方法を選択します。, テキストを共有したり、ソーシャルアイコンを表示します.
    2. 利用可能な共有オプションを選択します。
      共有オプション
    3. [保存] をクリックして、変更を保存します。

    画像プレースホルダ

    イベント前の状態とイベント後の状態では、ヒーローイメージを表示できます。

    ヒーロー画像を追加するには:

    1. イメージを追加」リンクをクリックします。
    2. イメージの名前を入力します (ASCII 文字のみ使用できます)。
      ヒーローイメージダイアログ
    3. イメージを指定するには、次の操作を実行します。
      • ファイルシステムからイメージをドラッグし、ドロップ領域にドロップします
      • [ 参照 ] をクリックし、ファイルシステムからイメージを選択します。
      • リモートイメージファイルの URL を入力してください
    4. [ イメージサイズ ] を設定します。
      • 画像を切り抜く -中央で画像を切り抜き、16:9 のスペース全体を塗りつぶしますが、画像のアスペクト比に応じて、上/下または左/右の一部が失われます
      • コンポーネント境界内に画像を含んでいる -16:9 スペースの境界内に画像を含みますが、縦横比に応じて、画像の左/下または右側にいくつかの空白スペースが表示されます。
      • 画像のストレッチ-画像のアスペクト比を無視し、16:9 のスペースを完全に塗りつぶします。これにより、画像が歪みます。
      • 元の画像サイズ -元の画像サイズを使用します。サイズ変更は行われません。応答しません
    5. 画像を表示する状態を選択します。
    6. [ 保存 ] をクリックして、イメージをエクスペリエンスに追加します。

    イベントカウントダウン

    カウントダウンタイマーには、ライブイベントが始まる前の月、日、時間、分、秒数が表示されます。下にサンプルカウントダウンタイマーを示します。

    カウントダウンタイマー

    カウントダウンタイマーを追加するには、次の手順を行います。

    1. ページの [ イベントカウントダウンの設定 ] リンクをクリックします。イベント設定ページが開きます。
    2. [ イベントカウントダウンを表示 ] をオンにします。
    3. [ 開始日] 、[ 開始時刻]、[イベントのタイムゾーン ] を設定します。
    4. 遷移メッセージを入力します。このメッセージは、カウントダウンタイマーがゼロになったときにライブストリームが開始される前に表示されます。
      イベント設定
    5. [保存]をクリックします。

    テキストプレースホルダ

    イベント前の状態とイベント後の状態では、静的テキストを表示できます。

    静的テキストを追加するには、次の手順に従います。

    1. テキストの追加」リンクをクリックします。
    2. エクスペリエンスに追加するテキストを入力します。ツールバーを使用して、テキストの書式を設定できます。
      テキストダイアログ
    3. [ 保存 ] をクリックして、テキストをエクスペリエンスに追加します。

    カレンダーリマインダー

    ユーザーがリンクをクリックしてカレンダーのリマインダーをダウンロードできるように、予定表のリマインダーを設定できます。下にサンプルカレンダーリマインダーを示します。

    カレンダーに追加

    リマインダーをクリックすると、カレンダーのオプションが表示されます。

    カレンダーオプションに追加する

    カレンダーのリマインダーを追加するには、次の手順に従います。

    1. ページの [ カレンダーアラームの設定 ] リンクをクリックします。イベント設定ページが開きます。
    2. [ カレンダーに追加] リマインダーを表示する] をオンにします。
    3. 終了日、終了時刻イベントタイトルを設定します。[ イベントの説明] と [イベントの場所] はオプションです。
      イベント設定
    4. [保存]をクリックします。

    動画プレースホルダ

    イベント前、ライブ、およびイベント後の状態では、異なるビデオを表示できます。ビデオクラウドの動画と YouTube 動画は、エクスペリエンスに追加できます。

    表示するビデオを選択するには:

    1. [ ビデオの選択 ] リンクをクリックするか、左側のナビゲーションで [ 動画 ] をクリックします。[ ビデオの選択 ] ダイアログが表示されます。
      ビデオダイアログを選択
    2. ビデオを選択する状態を選択します。
      • イベント前
      • ライブ
      • イベント後
    3. ビデオソースを選択します
      • Video Cloud -Video Cloud 動画コンテンツが使用されます
      • YouTube -YouTubeの動画コンテンツが使用されます
    4. ビデオを検索し、それをクリックして選択し、[ 選択 ] をクリックします。ビデオがビデオリストに追加されます。
      動画リスト
    5. ライブまたはイベント後のセクションをクリックするか、または [ ビデオの選択 ] をクリックして追加のビデオを選択します。

    インタラクションとコンパニオンコンポーネントは、イベント前およびイベント後のビデオに追加し、ビデオの再生時に表示できます。インタラクションには「リンク」「カード」が含まれ、ビデオの再生時にプレーヤーの一部として表示されます。コンパニオンコンポーネントには、 HTML 画像テキストオブジェクトが含まれており、プレーヤーの外に表示されます。

    インタラクティブ機能が設定されているビデオは、インタラクションの種類を示すアイコンが [ インタラクティビティ ] 列に表示されます。インタラクションおよびコンパニオンコンポーネントの追加と構成については、次を参照してください。

    ライブビデオの選択

    ライブ状態を選択した場合は、ライブビデオアセットの Video Cloud ビデオ ID または参照 ID を入力する必要があります。ライブビデオのソースは常に Video Cloud になります。

    ライブビデオ参照IDを選択

    [ 参照 ID ] オプションを選択すると、エクスペリエンスのビデオ ID を変更することなく、Media モジュールでライブビデオの参照 ID を変更できます。たとえば、現在のライブビデオを live-event の参照 ID で表すことができます。ライブエクスペリエンスを作成するときは、[ 参照 ID ] を選択し、 live-event と入力します。

    ライブビデオを選択

    これで、新しいライブイベントがあるときはいつでも Media モジュールを使用して、そのビデオの参照 ID をライブイベントに設定します

    メディアモジュール

    参照 ID を使用すると、新しいイベントが開始したときにライブエクスペリエンスを編集して再公開する必要はありません。新しいイベントが開始されたら、Media モジュールを使用して、ライブビデオアセットのビデオ参照 ID を編集します。

    動画を検索する

    検索フィールドを使用して動画を検索できます。Video Cloud 動画を検索する場合、ギャラリーは動画名、短い説明と長い説明、タグ、カスタムフィールドを検索します。YouTube 動画を検索する場合、ギャラリーは YouTube 検索 API を使用します。

    検索フィールド

    [ その他の検索オプション] をクリックして、検索するフィールドをより細かく制御し、テキストを含めたり除外したりします。このオプションは、Video Cloud ソースを使用している場合にのみ使用できます。

    adv検索