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