다음 페이지에서는 다중 영역 레이아웃의 사용에 대해 설명하고 다음 주제를 다룹니다.
다중 영역 레이아웃 여러 영역 컨텐츠를 만들고 비디오, 이미지 및 텍스트와 같은 다양한 자산을 단일 화면에서 결합할 수 있도록 해줍니다. 이미지, 비디오 및 텍스트를 가져와서 모두 함께 혼합하여 직관적인 디지털 경험을 만들 수 있습니다.
프로젝트 요구 사항에 따라 채널에서 여러 영역이 필요하고 이를 하나의 포괄적인 단위로 편집하는 경우가 있습니다. 예를 들어, 단일 채널의 분리된 세 영역에서 실행되는 관련 소셜 미디어 피드가 있는 제품 시퀀스가 있을 수 있습니다.
이 기능 구현을 시작하기 전에 다음 사항에 대한 개념적 지식이 있는지 확인하십시오.
채널을 만드는 동안 채널에서 영역을 만들기 위해 다른 템플릿을 사용할 수 있습니다. 단일 이미지, 비디오 또는 포함된 채널을 추가하여 여러 자산을 시퀀스로 표시할 수 있습니다.
채널 생성
Adobe Experience Manager 링크(왼쪽 위)를 선택한 다음 스크린을 선택합니다. 또는 다음 위치로 바로 이동할 수 있습니다. http://localhost:4502/screens.html/content/screens
.
다음으로 이동 채널 폴더를 클릭한 다음 만들기 작업 표시줄.
선택 1x2 분할 화면 채널 에서 만들기 마법사
클릭 다음 을 입력하고 제목 로서의 다중 영역.
클릭 만들기 을 클릭하여 채널 만들기를 완료합니다.
모든 개별 영역에서 이미지 또는 비디오와 같은 단일 자산을 사용할 수 있습니다. 구현하려면 아래 절차를 따르십시오.
채널에 컨텐츠 추가
채널에 이미지 추가
두 영역에서 단일 이미지나 비디오를 재생하려면 아래 그림과 같이 채널 편집기의 각 영역에 이미지를 끌어다 놓으면 됩니다.
영역에 다른 영역에 이미지 시퀀스와 비디오가 표시되도록 하려면 아래 단계를 수행하여 자세한 내용을 확인하십시오.
채널 폴더 만들기
채널 폴더에 두 개의 채널 추가
다음 그림은 채널을 보여줍니다 영역1 및 영역2:
편집기에 추가된 이미지 영역1 시퀀스 채널은 아래에 나와 있습니다.
비디오가 의 편집기에 추가되었습니다 영역2 시퀀스 채널은 아래에 표시되어 있습니다.
기본 채널(MultiZone)에 포함된 시퀀스(구성 요소) 추가
다음으로 이동 영역 —> 채널 —> 다중 영역.
작업 표시줄에서 편집을 클릭하여 편집기를 엽니다.
을(를) 끌어다 놓습니다 포함된 시퀀스 구성 요소를 두 영역 모두에 추가합니다.
영역 중 하나에서 포함된 시퀀스를 선택합니다.
을(를) 클릭합니다. 구성 (공구모양) 아이콘을 편집기에 포함된 시퀀스 중 하나에 추가합니다.
채널 경로를 다음으로 선택합니다. 영역 —> 채널 —> 포함된 채널 —> 영역1아래 그림과 같이,
마찬가지로 영역2 를 편집기의 다른 포함된 시퀀스 구성 요소로 가져옵니다.
Screens 플레이어에서 컨텐츠를 볼 위치 및 디스플레이를 만듭니다.
위치 생성
디스플레이 만들기
채널을 디스플레이에 할당하여 콘텐츠를 봅니다. 아래 절차에 따라 디스플레이에 채널을 지정하십시오.
디스플레이에 채널 지정
다음으로 이동 영역 —> 위치 —> SanJose—> 로비.
을(를) 선택합니다 로비 디스플레이 및 클릭 채널 지정 작업 표시줄.
경로 입력 다중 영역 채널 채널 경로.
설정 지원되는 이벤트 로서의 초기 로드, 유휴 화면, 및 타이머.
저장을 클릭합니다.
마찬가지로 포함된 다른 두 채널(영역1 및 영역2)를 클릭하여 표시합니다.
세 채널을 모두 로비 디스플레이(display), 디스플레이 대시보드에서 지정된 채널을 볼 수 있습니다.
주 채널을 할당하면(이 경우 다중 영역)를 디스플레이에 지정해야 합니다. 영역1 및 영역2 또한 동일한 디스플레이에 액세스할 수 있습니다.
위치 및 디스플레이를 설정하고 나면 아래 단계에 따라 장치를 등록하고 디스플레이를 장치에 할당합니다.
장치 등록
다음으로 이동 영역 —> 장치 폴더를 입력합니다.
을(를) 선택합니다 장치 폴더를 클릭한 다음 장치 관리자 작업 표시줄.
클릭 장치 등록 및 목록에서 보류 중인 장치를 선택합니다.
장치의 제목은 장치 토큰()과 일치해야 합니다토큰 에 표시되는 필드) 장치 등록 탭.
등록 코드가 Screens 플레이어의 코드와 일치하는 경우 장치 등록 탭, 유효성 검사 작업 표시줄.
을(를) 입력합니다. 제목 로서의 Chrome-Device1 을(를) 클릭합니다. 등록.
선택 표시 지정 장치 구성의 경로를 선택합니다.
Screens 플레이어에서 컨텐츠를 보려는 경우 다음을 클릭합니다 오프라인 콘텐츠 업데이트 에 지정된 각 채널의 채널 대시보드에서
앞의 단계를 사용하여 다중 영역 레이아웃을 구현하면 다음 출력이 표시됩니다.
두 개의 다른 영역에 컨텐츠를 표시하는 출력을 보려면 스크린 플레이어를 선택합니다. 왼쪽 및 오른쪽 영역(둘 다 포함된 시퀀스를 구성 요소로 사용).
왼쪽 영역은 시퀀스 채널이고 오른쪽 영역은 비디오를 포함합니다.