360/VR ビデオ

360 度ビデオでは、すべての方向のビューが同時に記録されます。このタイプのビデオは、全方位カメラやカメラのコレクションを使用して撮影されます。フラットディスプレイでの再生時には、ユーザーは視野角を制御できます。また、モバイルデバイスでの再生では通常、デバイス組み込みのジャイロスコープ制御を使用します。

Dynamic Media - Scene7 モードには、360 ビデオアセット配信のネイティブサポートが含まれています。デフォルトでは、表示または再生するための追加設定は不要です。360 ビデオは、.mp4、.mkv、.mov といった標準のビデオ拡張子を使用して配信されます。最も一般的なコーデックは H.264 です。

この節では、360/VR ビデオビューアを操作して、部屋、物件、場所、風景、医療処置などの没入感のある視聴体験のために、エクイレクタングラー形式のビデオをレンダリングする方法について説明します。

空間オーディオは現在サポートされていません。オーディオをステレオにミックスした場合、お客様がカメラの表示角度を変更してもバランス(L/R)は変化しません。

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

360 ビデオの視聴

Space Station 360」を選択して、ブラウザーウィンドウを開き、360 度ビデオを視聴します。ビデオ再生中にマウスポインターを新しい位置にドラッグすると、表示角度が変更されます。

360 ビデオのサンプル
Space Station 360(国際宇宙ステーションの 360 度ビデオ)のビデオフレーム

360/VR ビデオと Adobe Premiere Pro

Adobe Premier Pro を使用すれば、360/VR シーンを表示および編集できます。例えば、シーン内にロゴやテキストを適切に配置したり、エクイレクタングラー形式のメディアに特化して設計されたエフェクトやトランジションを適用したりできます。

360/VR ビデオの編集を参照してください。

360 ビデオビューアで使用するアセットのアップロード

Adobe Experience Manager にアップロードされた 360 ビデオアセットには、通常のビデオアセットの場合と同じく、アセットページで​マルチメディア​というラベルが付けられます。

6_5_360video-selecttopreview
アップロードされた 360 ビデオアセット(カード表示)。アセットには「マルチメディア」というラベルが付けられます。

360 ビデオビューアで使用するアセットをアップロードするには:

  1. 360 ビデオアセット専用のフォルダーを作成します。

  2. フォルダーにアダプティブビデオプロファイルを適用します

    360 ビデオコンテンツをレンダリングする場合、ソースビデオの解像度とレンディションのエンコード解像度に関する要件が、標準の非 360 ビデオコンテンツの場合よりも高くなります。

    Dynamic Media に付属している、既製のアダプティブビデオプロファイルを使用してもかまいません。ただしその場合、同じ設定でエンコードされた非 360 ビデオを非 360 ビデオビューアでレンダリングする場合と比べ、360 ビデオの品質のほうが低く感じられます。したがって、高品質の 360 ビデオが必要な場合は、以下の操作を行ってください。

    • できれば、元の 360 ビデオコンテンツの解像度は次のいずれかにしてください。

      • 1080p - 1920 x 1080:フル HD または FHD 解像度と呼ばれます。
      • 2160p - 3840 x 2160:4K、UHD または Ultra HD 解像度と呼ばれます。この大きなディスプレイ解像度は、ハイエンドのテレビやコンピューターモニターでよく見られます。2160p 解像度がよく「4K」と呼ばれるのは、その幅が 4000 ピクセルに近いからです。つまり、そのピクセル数は 1080p の 4 倍になります。
    • より高品質のレンディションを含むカスタムアダプティブビデオプロファイルを作成します。例えば、次の 3 つの設定を含むアダプティブビデオプロファイルを作成します。

      • width=auto; height=720; bitrate=2500 kbps
      • width=auto; height=1080; bitrate=5000 kbps
      • width=auto; height=1440; bitrate=6600 kbps
    • 360 ビデオアセット専用のフォルダー内の 360 ビデオコンテンツを処理します。

    このアプローチを使用する場合は、エンドユーザーのネットワークや CPU の要件も高くなります。

  3. フォルダーにビデオをアップロードします

360 ビデオのデフォルト縦横比のオーバーライド

アップロードしたアセットを、360 ビデオビューアで使用する 360 ビデオにするには、アセットの縦横比が 2 である必要があります。

Experience Manager ではデフォルトで、縦横比(幅/高さ)が 2.0 のビデオを「360」として検出します。管理者であれば、CRXDE Lite でオプションの s7video360AR プロパティを次のように設定して、縦横比のデフォルト設定である「2」を上書きできます。

  • /conf/global/settings/cloudconfigs/dmscene7/jcr:content

    • プロパティタイプ:Double
    • :縦横比を表す浮動小数点(デフォルトは 2.0)。

このプロパティの設定が完了すると、既存のビデオと新しくアップロードされたビデオの両方で、すぐに設定が有効になります。

この縦横比は、アセットの詳細ページやビデオ 360 メディア WCM コンポーネント向けの 360 ビデオアセットに適用されます。

まず、360 ビデオをアップロードします。

360 ビデオのプレビュー

プレビューを使用すれば、360 ビデオがお客様にどのように表示されるかを確認し、ビデオが期待どおりに動作していることを確認できます。

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

360 ビデオの設定が完了したら、このビデオを公開できます。

Web ページへのビデオビューアまたは画像ビューアの埋め込みを参照してください。Web アプリケーションへの URL のリンクを参照してください。インタラクティブコンテンツに相対 URL のリンク(特に Experience Manager Sites ページへのリンク)がある場合、URL ベースのリンク方法は使用できません。ページへの Dynamic Media アセットの追加を参照してください。

360 ビデオをプレビューするには:

  1. Assets で、作成した既存の 360 ビデオに移動します。360 ビデオアセットを選択すると、プレビューモードで開くことができます。

    6_5_360video-selecttopreview-1

    360 ビデオアセットを選択すると、ビデオをプレビューできます。

  2. プレビューページで、ページの左上隅付近にあるドロップダウンリストを選択し、「ビューア」を選択します。

    6_5_360video-preview-viewers

    「ビューア」リストから Video360_social を選択した後、次のいずれかの操作を行います。

    • 静的なシーンの視野角を変更するには、ビデオの上でマウスポインターをドラッグします。
    • 再生を開始するには、ビデオの「再生」ボタンを選択します。ビデオの再生中にビデオ上でマウスポインターをドラッグすると、視野角を変更できます。

    6_5_360video-preview-video360-social 360 ビデオのスクリーンショット

    • 「ビューア」リストから Video360VR を選択します。

      バーチャルリアリティ(VR)ビデオは、バーチャルリアリティヘッドセットで視聴する、没入感のあるビデオコンテンツです。通常のビデオと同様に、360 度ビデオカメラを使用してビデオを録画またはキャプチャする際、最初に VR ビデオを作成します。
      6_5_360video-preview-video360vr
      360 VR ビデオのスクリーンショット。

  3. プレビューページの右上隅付近にある「閉じる」を選択します。

360 ビデオの公開

360 ビデオを公開して使用できるようにします。360 ビデオを公開すると、URL と埋め込みコードがアクティベートされます。また、スケーラブルで効率の良い配信のために CDN と統合された Dynamic Media クラウドにも、360 ビデオが公開されます。

360 ビデオの公開方法について詳しくは、Dynamic Media アセットの公開を参照してください。
Web ページへの ビデオビューアまたは画像ビューアの埋め込みも参照してください。
Web アプリケーションへの URL のリンクも参照してください。インタラクティブコンテンツに相対 URL のリンク(特に Experience Manager Sites ページへのリンク)がある場合、URL ベースのリンク方法は使用できません。ページへの Dynamic Media アセットの追加も参照してください。

このページ