Video Playerを使ってワールド内に動画を設置する

投稿者:

こんにちは!この記事ではワールド内に動画を設置する方法を紹介していきます!
では早速やっていきましょう!

目次

動画をGoogleドライブにアップロードする

こちらの方法ではワールドに動画を埋め込むことができます!

まず最初に表示させたい動画を Google ドライブに mp4 形式などでアップロードしましょう。
⚠ここで注意点です!一本の動画の容量が100MBを超えてしまうと動画が表示されなくなってしまいます!超えてしまった場合は動画の軽量化や分割を行ってみてください。

次に共有可能なリンクを取得します.権限は「リンクを知っている全員が閲覧可」にします。

取得したURLを以下のように書き換えましょう!

https://drive.google.com/open?id=<ファイルID>
https://drive.google.com/file/d/<ファイルID>/view?usp=sharing
    ↓
https://drive.google.com/uc?id=<ファイルID> 

「Unity」上で「Video Player」を設定する

ここからは unity での作業になります。
Hierarchy を右クリックし、3Dオブジェクトから Quad を追加します。
このとき Quad の X、Y のスケールを 表示させたい動画のアスペクト比に合わせます。
ここでは 16:9 の動画を用いているので X = 1.6 、 Y = 0.9 に設定しました。

次に Project ウィンドウの Asset の階層で右クリックをして Create / RenderTexture から RenderTextureを作成します。

作成した RenderTexture を先ほど作成した Quad にドラックアンドドロップします。
すると RenderTexture と同名の Material が生成されます。
この Material を16:9 に対応させるために Tilling と Offset の値を変更します。
Tilling の Y の値に 0.5625 、Offset の Y の値に 0.22 を入れます。

Hierarchy 上の Quad をクリックし、 Inspector の Add Component を押してください。
一覧の中から Video / Video Player を見つけて追加しましょう!
Video Player の Source を Video Clip から URL に変更します。
Android 端末では Video Clip を用いた動画の再生ができないため、直接動画ファイルを埋め込むのではなく外部リンクの埋め込みにしています。

変更したら URL の欄に先程取得し,書き換えた動画の共有 URL を 入力しましょう!
Video Player の Target Textures に先ほど作成した RenderTexture を設定しました。
これで動画が再生されます!プレビューボタンを押して確かめてみましょう🙌

映りましたね!!

ここで少し VideoPlayer のパラメータについてすこし触れます!

  • PlayOnAwake : ここにチェックマークが入っているとアクティブになったときに動画が流れ始めます。
  • Loop : ここにチェックマークが入っているとループ再生ができます。
  • Volume : この値を変更することで動画の音量を調節することができます。

同様の手順を行うことでワールドに複数の動画を設置することもできます✨
是非試してみてくださいね!


最後に公式によるゲームワールドの制作記事や多くのクリエイターの皆さんによるドキュメントコミュニティを紹介します。ぜひ活用して自分だけのワールドを制作してみましょう!

▼ 「Cluster Creator Kit」の全てが分かる公式ドキュメント
Cluster Creator Kit ドキュメント┆https://clustervr.gitbook.io/creatorkit/

▼ 公式によるワールド制作ガイドまとめ
Cluster Creators Guide┆https://creator.cluster.mu/

▼ ユーザーの皆様によるワールド制作の知見が集まる公式Wiki
Cluster Wiki┆https://scrapbox.io/clusterwiki/

▼ ユーザーの皆様によるワールド関連記事まとめ
clusterワールド制作部┆https://note.com/cluster_official/m/m1fd772ab8f45

▼ 分からないことがあればコミュニティを活用してみましょう!
Cluster Creator Community Discord┆https://discord.gg/DHQmAfDhkt