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