Cloud Player 구현 implementing-cloud-player

AEM Screens은 전통적으로 ChromeOS, Windows, Android™ 및 Tizen을(를) 비롯한 다양한 플랫폼에 대해 고유한 기본 플레이어 애플리케이션을 제공했습니다. 그러나 사용자의 변화하는 요구에 따라 Adobe은 혁신적인 솔루션인 AEM Screens Cloud Player를 도입했습니다.

Cloud Player는 Adobe의 이전 기본 애플리케이션에서 크게 벗어난 것입니다. 서버에서 호스팅되는 점진적 웹 앱(PWA)입니다. 이 혁신적인 접근 방식은 웹 브라우저 내에서 직접 실행되는 플랫폼 독립적인 플레이어로 고객에게 힘을 줍니다.

Cloud Player에 액세스하는 방법은 https://player.adobescreens.com을(를) 방문하는 것만큼 간단합니다. 사용자는 플랫폼에 관계없이 장치에 설치할 수 있으며 원활한 디지털 사이니지 경험을 누릴 수 있습니다. Cloud Player의 호환성은 PWA 지원을 통한 최신 브라우저가 있는지 여부에 따라 달라지므로, 다양한 디바이스에서 일관된 성능을 보장합니다. 수동 업데이트와 함께 수정 사항 및 기능을 자동으로 제공하는 플레이어에 대한 인사를 전해 언제든지 최신 기능을 이용할 수 있습니다. PWA 기반 Cloud Player로의 전환은 Adobe의 디지털 사이니지 제품의 놀라운 발전을 보여주며, 그 어느 때보다 접근성, 활용성, 사용자 친화성이 향상되었습니다.

이 섹션에서는 Cloud Player를 구현하는 방법을 설명합니다.

Cloud Player 설치 installing-cloud-player

Cloud Player 설치는 플랫폼에 따라 다를 수 있습니다. 일반적으로 최신 브라우저를 사용하는 모든 플랫폼은 다음 단계에 따라 클라우드 플레이어 애플리케이션을 실행할 수 있습니다.

Cloud Player 벌크 프로비저닝 bulk-provisioning

여러 디바이스에서 클라우드 플레이어의 대량 프로비저닝을 수행하려면 다음을 수행합니다.

Chrome OS에서 일괄 프로비저닝 bulk-provisioning-chrome

Chrome OS의 대량 프로비저닝에 대해 자세히 알아보십시오. Chrome OS에 Cloud Player 설치를 참조하십시오.

AEM 인스턴스에 필요한 구성 bulk-provisioning-config-aem

AEM 인스턴스 유형에 따라 다음 안내서 중 하나를 클릭하여 CORS b/w AEM 및 Cloud Player를 활성화합니다.

외부 콘텐츠 검색에 대한 오프라인 지원 offline-support

다양한 사용 시나리오에서 채널은 기본적으로 오프라인 지원을 제공할 수 없는 외부 소스(예: 날씨 위젯 또는 Commerce 통합 단일 페이지 애플리케이션)에서 콘텐츠를 검색해야 할 수 있습니다. 이러한 특정 사용 사례에 대해 오프라인 기능을 활성화하기 위해 Cloud Player에서는 사용자 지정 헤더에 대한 지원을 제공합니다.

Cloud Player는 네트워크 우선 캐시 전략을 사용합니다. 즉, 네트워크에서 콘텐츠를 가져온 다음(그런 다음 캐시를 최신 버전으로 업데이트) 사용 가능한 경우 캐시된 콘텐츠로 다시 폴백합니다. 이러한 컨텐츠 검색에 대한 오프라인 지원을 구현하려면 사용자 지정 헤더를 요청에 포함해야 합니다. 그런 다음 사용자 지정 헤더가 있는 요청이 플레이어에 캐시되어 네트워크 우선 캐시 전략을 유지하면서 콘텐츠에 대한 오프라인 액세스를 용이하게 합니다.

// Sample fetch request with the 'X-Cache-Strategy' header
fetch(externalUrl, {
  headers: {
    'X-Cache-Strategy': 'external-cache'
  }
})
  .then(response => {
    // Handle the response, which may be from the network or cache.
    // Your logic here.
  })
  .catch(error => {
    // Handle any errors that may occur during the fetch operation.
    // Your error handling logic here.
  });

피드백

Adobe은 여러분의 피드백을 소중히 여깁니다. 이 양식을 통해 의견을 공유하세요.