以下では、マルチゾーンレイアウトの使用方法について説明します。取り上げるトピックは次のとおりです。
マルチゾーンレイアウトを使用すると、複数のゾーンコンテンツを作成し、ビデオ、画像およびテキストなどの様々なアセットを使用して、単一のスクリーンに組み合わせることができます。画像、ビデオおよびテキスト取り込み、すべてを組み合わせて、直感的なデジタルエクスペリエンスを作成できます。
プロジェクト要件に応じて、1 つのチャネルに複数のゾーンが必要になり、1 つの包括的なユニットとして編集することがあります。例えば、単一チャネルの 3 つの個別のゾーンで実行する、関連するソーシャルメディアフィードを含む製品シーケンスなどです。
この機能の実装を開始する前に、次のドキュメントを参照して概念を確実に理解しておいてください。
チャネルを作成する際に、チャネルにゾーンを作成するために、様々なテンプレートを使用できます。1 つの画像、ビデオまたは埋め込みチャンネルを追加して、複数のアセットを 1 つのシーケンスとして表示できます。
チャネルの作成
Adobe Experience Manager リンク(左上)を選択し、「Screens」を選択します。または、http://localhost:4502/screens.html/content/screens
に直接アクセスすることもできます。
チャネルフォルダーに移動し、アクションバーの「作成」をクリックします。
作成ウィザードで「1 x 2 分割画面チャネル」を選択します。
「次へ」をクリックし、「タイトル」に「MultiZone」と入力します。
「作成」をクリックして、チャネルの作成を完了します。
画像やビデオなどの単一アセットをすべての個々のゾーンで使用できます。実装するには、以下の手順に従います。
チャネルにコンテンツを追加する
チャネルに画像を追加する
2 つのゾーンで 1 つの画像またはビデオを再生するには、画像をチャネルエディターの各ゾーンにドラッグ&ドロップするだけです(下図を参照)。
異なるゾーンに画像のシーケンスやビデオを表示する場合は、以下の手順に従ってください。
チャネルフォルダーの作成
チャネルフォルダーにさらに 2 つのチャネルを追加する
Zone1 と Zone2 の 2 つのチャネルを次の図に示します。
Zone1 シーケンスチャネルのエディターに追加された画像を以下に示します。
Zone2 シーケンスチャネルのエディターに追加されたビデオを以下に示します。
メインチャネル(MultiZone)に埋め込みシーケンス(コンポーネント)を追加する
Zones/Channels/MultiZone に移動します。
アクションバーの「編集」をクリックして、エディターを開きます。
埋め込みシーケンスコンポーネントを両方のゾーンにドラッグ&ドロップします。
いずれかのゾーンの埋め込みシーケンスを選択します。
エディターで、埋め込みシーケンスの設定(レンチ)アイコンをクリックします。
「チャネルパス」として Zones/Channels/EmbeddedChannels/Zone1 を選択します(下図を参照)。
同様に、Zone2 をエディター内の別の埋め込みシーケンスコンポーネントに追加します。
Screens Player でコンテンツを表示するには、ロケーションとディスプレイを作成します。
ロケーションの作成
ディスプレイの作成
コンテンツを表示するには、ディスプレイにチャネルを割り当てます。ディスプレイにチャネルを割り当てるには、次の手順に従います。
ディスプレイへのチャネルの割り当て
ゾーン/ロケーション/SanJose/Lobby に移動します。
Lobby ディスプレイを選択し、アクションバーの「チャネルを割り当て」をクリックします。
MultiZone チャネルのパスを「チャネルパス」に入力します。
「サポートされているイベント」として、「最初の読み込み」、「待機中画面」、「タイマー」を設定します。
「保存」をクリックします。
同様に、その他の 2 つの埋め込みチャネル(Zone1 と Zone2)をこのディスプレイに割り当てる必要があります。
3 つのチャネルをすべて Lobby ディスプレイに割り当てたら、割り当てられたチャネルをディスプレイダッシュボードで表示できるようになります。
メインチャネル(この場合は MultiZone)をディスプレイに割り当てたら、その他の 2 つの埋め込みチャネル Zone1 および Zone2 も同じディスプレイに割り当てる必要があります。
ロケーションとディスプレイを設定したら、次の手順に従ってデバイスを登録し、そのデバイスにディスプレイを割り当てます。
デバイスの登録
ゾーン/デバイスフォルダーに移動します。
デバイスフォルダーを選択し、アクションバーの「デバイスマネージャー」クリックします。
「デバイスの登録」をクリックし、リストから保留中のデバイスを選択します。
デバイスのタイトルは、「デバイスの登録」タブに表示されるデバイストークン(「トークン」フィールド)と一致する必要があります。
登録コードが Screens Player の「デバイスの登録」タブのコードと一致する場合は、アクションバーの「検証」をクリックします。
「タイトル」に「Chrome-Device1」と入力し、「登録」をクリックします。
「ディスプレイを割り当て」を選択し、デバイス設定のパスを選択します。
Screens Player でコンテンツを表示しようとする場合は、ディスプレイに割り当てられているチャネルごとに、チャネルダッシュボードの「オフラインコンテンツを更新」を必ずクリックしてください。
上記の手順を使用してマルチゾーンレイアウトを実装したら、次の出力が表示されます。
2 つの異なるゾーンにコンテンツを表示する出力を Screens Player で確認します。左ゾーンと右ゾーン(どちらも埋め込みシーケンスをコンポーネントとして使用します)。
左ゾーンはシーケンスチャネルで、右ゾーンにはビデオが含まれています。