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