Cloud Player の実装 implementing-cloud-player

AEM Screens は従来、ChromeOS、Windows、Android™、Tizen などの様々なプラットフォームに個別のネイティブプレーヤーアプリケーションを提供してきました。しかし、ユーザーの進化するニーズに応えて、革新的なソリューションである AEM Screens Cloud Player を導入しました。

Cloud Player は、以前のネイティブアプリケーションとは大きく異なります。これは、サーバー上でホストされるプログレッシブ web アプリ（PWA）です。この革新的なアプローチにより、お客様は web ブラウザー内で直接実行される、プラットフォームに依存しないプレーヤーを活用できます。

Cloud Player へのアクセスは、https://player.adobescreens.com にアクセスするだけで簡単です。ユーザーは、どのプラットフォームを使用しているかに関わらず、このアプリをデバイスにインストールでき、シームレスなデジタルサイネージエクスペリエンスをお楽しみいただけます。Cloud Player の互換性は、PWA をサポートする最新のブラウザーの存在に左右されますが、様々なデバイス間で一貫したパフォーマンスを実現します。手動更新が不要になりました。修正と機能を自動的に提供するプレーヤーを使用すれば、常に最新の機能をすぐに使用できます。PWA ベースの Cloud Player へのこの移行により、アドビのデジタルサイネージ製品は画期的に進化し、これまで以上にアクセスしやすく、多用途で、ユーザーにわかりやすくなりました。

この節では、Cloud Player の実装方法について説明します。

Cloud Player のインストール installing-cloud-player

Cloud Player のインストールは、プラットフォームによって異なる場合があります。一般に、最新のブラウザーを備えたプラットフォームでは、次の手順に従って Cloud Player アプリケーションを実行できます。

Cloud Player の一括プロビジョニング bulk-provisioning

複数のデバイスで Cloud Player の一括プロビジョニングを行うには、次の手順に従います。

Chrome OS での一括プロビジョニング bulk-provisioning-chrome

Chrome OS での一括プロビジョニングの詳細を説明します。Chrome OS への Cloud Player のインストールを参照してください。<!-- https://www.adobe.com/go/aem_screens_cloud_player_en >

AEM インスタンスに必要な設定 bulk-provisioning-config-aem

AEM インスタンスのタイプに基づいて、次のガイドのいずれかをクリックし、AEM および Cloud Player との CORS を有効にします。

外部コンテンツ取得のオフラインサポート offline-support

様々な使用シナリオでは、チャネルは、本質的にオフラインサポートを提供できない外部ソース（天気予報ウィジェットやコマース統合単一ページアプリケーションなど）からのコンテンツの取得を必要とする場合があります。これらの特定のユースケースでオフライン機能を有効にするために、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.
  });

フィードバック

アドビでは、お客様のフィードバックを大切にしています。このフォームを通じてご意見をお聞かせください。