多区域布局 multi-zone-layout
以下页面介绍了多区域布局的使用情况,并涵盖了以下主题:
- 概述
- 创建多区域布局
- 前提条件
- 在一个或多个区域中使用单个资源
- 在一个或多个区域中使用序列化内容
概述 overview
多区域布局 允许您创建多个区域内容并使用可以在单个屏幕中组合的各种资产,例如视频、图像和文本。 您可以拉入图像、视频和文本,使所有这些内容混合在一起,并创建直观的数字体验。
根据项目要求,有时您需要在一个渠道中拥有多个区域,并将它们编辑为一个完整的单元。 例如,具有相关社交媒体馈送的产品序列,在单个渠道上的三个单独区域中运行。
前提条件 prerequisites
在开始实施此功能之前,请确保您对以下内容具有概念性知识:
创建多区域布局 creating-multi-zone-layout
在创建渠道时,您可以使用不同的模板以便在渠道中创建区域。 您可以添加单个图像、视频或嵌入式渠道,以便按顺序显示多个资产。
创建渠道
-
选择Adobe Experience Manager链接(左上方),然后 Screens. 或者,您可以直接转到:
http://localhost:4502/screens.html/content/screens
. -
导航到 渠道 文件夹并单击 创建 操作栏中的。
-
选择 1x2分屏渠道 从 创建 向导。
-
单击 下一个 并输入 标题 作为 多区.
-
单击 创建 以完成渠道创建。
在一个或多个区域中使用单个资源 using-single-assets-in-one-or-more-zones
您可以在所有单独的区域中使用单个资产,例如图像或视频。 按照以下步骤实施:
-
向渠道添加内容
- 导航到 区域 —> 渠道—> 多区.
- 选择 多区 渠道并单击 编辑 以打开编辑器。
-
将图像添加到渠道
要在两个区域中播放单个图像或视频,只需将图像拖放到渠道编辑器中的每个区域中,如下图所示:
在一个或多个区域中使用序列化内容 using-sequenced-content-in-one-or-more-zones
如果您希望这些区域在不同的区域中显示图像序列和视频,请按照以下步骤了解详细信息。
-
创建渠道文件夹
- 导航到 区域 —> 多区 —> 渠道 并单击 创建 操作栏中的。
- 选择 渠道文件夹 从 创建 向导并单击 下一个.
- 输入标题为 嵌入式渠道 并单击 创建.
-
将两个以上的渠道添加到渠道文件夹
- 导航到 区域 —> 渠道 —> 嵌入式渠道 并单击 创建 操作栏中的。
- 选择 序列渠道 从 创建 创建标题为的渠道的向导 区域1.
- 选择 区域1 并单击 编辑 以打开编辑器。
- 将少量图像拖放到此渠道中。
- 同样,创建另一个标题为 区域2 在 嵌入式渠道 文件夹。
- 将视频拖放到此渠道中。
下图显示了通道 区域1 和 区域2:
添加到编辑器的图像 区域1 序列渠道如下所示:
视频已添加到的编辑器 区域2 序列渠道如下所示:
-
将嵌入式序列(组件)添加到主通道(MultiZone)
-
导航到 区域 —> 渠道 —> 多区.
-
单击 编辑 以打开编辑器。
-
拖放 嵌入式序列 组件到两个区域。
-
在其中一个区域中选择嵌入式序列。
-
单击 配置 编辑器中的一个嵌入序列的(扳手)图标。
-
选择渠道路径为 区域 —> 渠道 —> 嵌入式渠道 —> 区域1,如下图所示。
-
同样,添加 区域2 到编辑器中的另一个嵌入序列组件。
-
创建位置和显示 creating-location
创建位置和显示以在Screens播放器中查看内容。
-
创建位置
- 导航到 区域 —> 位置 文件夹。
- 选择 位置 文件夹并单击 创建 操作栏中的。
- 选择 位置 从 创建 向导并单击 下一个.
- 输入 标题 作为 圣何塞 并单击 创建.
-
创建显示
- 导航到 区域 —> 位置 文件夹。
- 选择 圣何塞 位置并单击 创建 操作栏中的。
- 选择 显示 从 创建 向导并单击 下一个.
- 输入 标题 作为 大厅 并单击 创建.
将渠道分配给显示区 channel-channel
将渠道分配给显示区,以查看内容。 按照以下步骤将渠道分配给显示器。
-
将渠道分配给显示区
-
导航到 区域 —> 位置 —> 圣何塞—> 大厅.
-
选择 大厅 显示并单击 分配渠道 操作栏中的。
-
输入路径 多区 中的频道 渠道路径.
-
设置 受支持的事件 作为 初始加载, 空闲屏幕、和 计时器.
-
单击“保存”。
-
同样,您必须分配另外两个嵌入渠道(区域1 和 区域2)。
-
一旦您将所有三个渠道分配给 大厅 ”时,您应该能够从“显示”功能板中查看分配的渠道。
note important IMPORTANT 分配主渠道后(在本例中, 多区),则必须分配其他两个嵌入渠道 区域1 和 区域2 也显示相同的内容。
-
正在注册设备 registering-device
设置位置和显示后,请按照以下步骤注册设备并为设备分配显示区。
-
正在注册设备
-
导航到 区域 —> 设备 文件夹。
-
选择 设备 文件夹并单击 设备管理器 操作栏中的。
-
单击 设备注册 并从列表中选择待处理的设备。
note note NOTE 设备的标题必须与设备令牌匹配(令牌 字段)中显示 设备注册 选项卡。 1. 如果标题与设备令牌匹配,则选择设备并单击 **注册设备** 操作栏中的。
-
如果注册代码与Screens播放器中的代码匹配 设备注册 选项卡,单击 验证 操作栏中的。
-
输入 标题 作为 Chrome-Device1 并单击 注册.
-
选择 分配显示区 并选择设备配置的路径。
note note NOTE 如果您尝试在Screens播放器中查看内容,请确保单击 更新离线内容 从渠道仪表板中指定给显示的每个渠道。 -
查看结果 viewing-the-result
使用上述步骤实施多区域布局后,将显示以下输出。
选中Screens播放器可查看在两个不同区域中显示内容的输出。 左侧和右侧区域(都使用嵌入式序列作为组件)。
左区域是序列通道,右区域包括视频。