360°動画の活用

このトピックでは、Video Cloud で 360度動画を扱う方法について学びます。

360°動画とは、あらゆる方向の視野が同時に記録されるビデオです。360°動画は全方位カメラまたは複数のカメラを組み合わせて撮影されます。再生中は、視聴者がパノラマのように視点を操作できます。

Video Cloud は 360°動画のアップロードおよび公開に対応しています。以下に 360°動画のサンプルが表示されています。動画を再生すると、デスクトップではマウスを使って、モバイル デバイスではジャイロセンサーを使って視点を操作できます。

 

360°/VR ビデオプラグインのブラウザ対応状況や既知の問題については、360º/VR 動画プラグイン トピックをご覧ください。

360°動画の撮影

360°動画は、複数のカメラを組み合わせた専用リグまたは複数のレンズを備えた専用カメラで撮影されるのが一般的です。撮影された映像は、1本の動画にスティッチ(合成)されます。360°動画を撮影できるカメラは多数市販されています。このトピックで使用されている 360°動画は Ricoh Theta S で撮影されました。Brightcove では高解像度での撮影を推奨しています。

アップロード前の準備

360°動画を Video Cloud にアップロードする前に、動画ファイルに 360°再生に必要なメタデータが含まれている必要があります。Spatial Media Metadata Injector アプリケーションを使用して、360°動画であることを示すメタデータをファイルに追加することができます。カメラが自動的に 360°メタデータを付加しない場合は、以下の手順で追加してください:

  1. Mac または Windows 用の 360° Video Metadata アプリをダウンロードします。
  2. アプリをインストールし、起動します。
  3. Open をクリックして動画ファイルを選択します。
  4. Inject metadata をクリックします。
  5. 新しいファイル名を入力し、Save をクリックします。

これで動画は Video Cloud にアップロード可能な状態になります。

360°動画のアップロード

360°動画は球体の内側に投影されるように撮影されています。つまり、プレーヤーで見えるのは動画全体のごく一部にすぎません。以下のスクリーンショットはこの概念を示しています。赤い枠の部分がプレーヤーに表示される領域で、動画全体の一部にすぎません。

player view

プレーヤーには常に動画の一部しか表示されないため、低品質のレンディションが表示されることがないよう、高品質のレンディションを使用する必要があります。事実上、動画の一部分を「ズーム」して表示することになるため、画質の低いレンディションでは視聴体験が大きく損なわれます。動画をアップロードする際には、Brightcove は 1080p のレンディションを1つと、少なくとも1つの音声レンディションを含むカスタムの Dynamic Delivery トランスコードプロファイルの作成を推奨します。

360°動画のプロパティ

すべての Video Cloud 動画には、Video Cloud Studio または CMS API を使って設定できるプロパティがあります。ただし、Video Cloud Studio で設定できないプロパティもあります。

動画が 360°動画であることを示すには、Media モジュールで動画のプロパティを編集し、Video Projection プロパティを 360°に設定します。

360°動画の公開

Brightcove では、360°動画を公開するための複数の方法が提供されています:

ウェブページに 360°動画を公開する

Brightcove Playerで 360°動画を再生するには、360°/VR ビデオ プラグインが必要です。

360°/VR ビデオ プラグインを使用して新しい Brightcove Player を作成するには、以下の手順に従ってください:

  1. Players モジュールを開きます。
  2. 新しいプレーヤーを作成します。
  3. プレーヤー名をクリックしてプロパティを開きます。
  4. 左側のナビゲーションから プラグイン をクリックします。
  5. プラグインの追加 ˇをクリックし、カスタム プラグインを選択します。
  6. プラグイン名vr と入力します。
  7. JavaScript の URL に以下を入力します:
        https://players.brightcove.net/videojs-vr/2/videojs-vr.min.js

    Brightcove Player 6 を使用している場合は、次の URL を使用してください:

                https://players.brightcove.net/videojs-vr/1/videojs-vr.min.js
  8. CSS の URL に以下を入力します:
        https://players.brightcove.net/videojs-vr/2/videojs-vr.css

    Brightcove Player 6 を使用している場合は、次の URL を使用してください:

                https://players.brightcove.net/videojs-vr/1/videojs-vr.css
  9. オプション(JSON) は不要です。
  10. 保存 をクリックし、プレーヤーを公開します。

これで、作成したプレーヤーを使用して 360°動画を公開できるようになります。

注意:360°/VR プラグインを使用するには、Brightcove Player バージョン 6.13.0 以降が必要です。

Brightcove Social を使用して 360°動画を公開する

Video Cloud アカウントにアップロードされた 360°動画は、Brightcove Social を使用して簡単に SNS に公開できます。Social モジュールを使って 360°動画を同期する場合、使用するトランスコードプロファイルでマスターファイルを保存する設定にしておかないと、360°動画として同期されません。Video Cloud が 360°動画を取り込む際、結果のレンディションには 360°メタデータが保持されません。マスターのない 360°動画を同期すると、最高品質のレンディションが使用されますが、これには 360°メタデータが含まれないため、YouTube や Facebook では 360°動画として認識されません。

Brightcove Social で動画を公開する方法については、SNS プラットフォームへの動画公開をご覧ください。

Brightcove ネイティブ プレーヤー SDK を使用して 360°動画を公開する

Brightcove Player SDK を使用して構築された Android および iOS アプリでは、360°動画の再生が可能です。SDK での 360°動画の公開方法については、ネイティブ SDKでの 360°動画の使用をご覧ください。