Adobe Experience League

パノラマ画像

ここでは、パノラマ画像ビューアを使用して球パノラマ画像をレンダリングし、室内、物件、場所、風景などをあらゆる角度から見ることができる臨場感あふれる体験を提供する方法について説明します。

ビューアプリセットの管理も参照してください。

panoramic-image2

パノラマ画像ビューアで使用するアセットのアップロード

アップロードするアセットが、パノラマ画像ビューアで使用する球パノラマ画像として適格となるには、アセットが以下の一方または両方の条件を満たしている必要があります。

縦横比が 2 である必要があります。

次のCRXDE Liteのデフォルトの縦横比設定である2を上書きできます。

/conf/global/settings/cloudconfigs/dmscene7/jcr:content
キーワード equirectangular、または spherical と panorama、または spherical と panoramic でタグ付けされている必要があります。タグの使用を参照してください。

縦横比とキーワードの両方の条件が、アセットの詳細ページと「パノラマメディア」コンポーネントのパノラマアセットに適用されます。

パノラマ画像ビューアで使用するアセットをアップロードするには、アセットのアップロードを参照してください。

Dynamic Mediaクラシックの設定

パノラマ画像ビューアをAEM内で正しく動作させるには、パノラマ画像ビューアプリセットをDynamic MediaクラシックおよびDynamic Mediaクラシック固有のメタデータと同期して、JCRでビューアプリセットを更新する必要があります。これを行うには、次の方法でDynamic Mediaクラシックを設定します。

各会社アカウントのDynamic Mediaクラシックデスクトップアプリケーションにサインインします。
ページの右上隅付近で、設定／アプリケーション設定／公開設定／Image Server をクリックします。
Image Server公開ページの上部近くにある公開コンテキストドロップダウンメニューで、「画像サービング」を選択します。
同じImage Server公開ページで、「属性を要求」という見出しを探します。
「Request Attributes」という見出しの下で、Reply Image Size Limitを探します。次に、関連する幅および高さフィールドで、パノラマ画像に使用できる最大画像サイズを大きくします。

Dynamic Mediaクラシックの制限は25,000,000ピクセルです。縦横比が2:1の画像で許可される最大サイズは7000 x 3500です。ただし、通常のデスクトップ画面の場合、4096 x 2048 ピクセルで十分です。

メモ

許容される最大画像サイズ以内の画像のみがサポートされます。サイズ制限を超える画像を要求すると、403 応答が生成されます。
「[要求属性]」の見出しで、次の操作を行います。
- リクエストの不明化モードを無効に設定します。
- Request Locking ModeをDisabledに設定します。
これらの設定は、AEMでパノラマメディアコンポーネントを使用する場合に必要です。
Image Server公開ページの下部で、左側の「保存」をタップします。
右下隅の「閉じる」をタップします。

パノラマメディアコンポーネントのトラブルシューティング

WCMのパノラマメディアコンポーネントに画像をドロップし、コンポーネントプレースホルダーが折りたたまれた場合は、次のトラブルシューティングを行うことができます。

403 Forbidden エラーが発生する場合は、要求された画像のサイズが大きすぎることが原因となっている可能性があります。Dynamic Mediaクラシックの設定の「返信画像のサイズ制限」の設定を確認します。
アセットの無効なロックまたはページに表示される解析エラーの場合は、不明化モードを要求と要求ロックモードをオンにして無効にします。
汚染されたキャンバスエラーの場合は、画像アセットに対する以前の要求に対してルールセット定義ファイルパスを設定し、CTNを無効にします。
サポートされている制限を超えるサイズの画像を要求した後に画質が大幅に低下した場合は、JPEG エンコード属性／画質の設定が空でないことを確認します。クォリティフィールドの一般的な設定は95です。この設定は、Image Server公開ページにあります。このページにアクセスするには、Dynamic Mediaクラシックの設定を参照してください。