46
45

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Unity + Vuforia でARな動画再生を試してみた

Last updated at Posted at 2013-10-02

はじめに

前回の記事で、Vuforiaの基本的な使い方を書いた(アレだけでは到底つかえないと思われるが…)。

今回は、画像を認識して、その上で動画を再生する方法のメモ。

オブジェクトの準備(配置)

1.Main Cameraを削除する。
2.Qualcomm Augmented Reality/Prefabs/ARCameraを画面に追加する。
3.Qualcomm Augmented Reality/Prefabs/ImageTargetを画面に追加する。
  ARCameraの真正面にImageTargetがくるようにすると良い。
  (ARCameraもImageTargetもポジションをx:0, y:0, z:0 にしてから調節するとやりやすい。)
4.Directional Lightをメニューの"GameObject"→"Create Other"→"Directional Light"で配置する。
  ImageTargetにうまくライトが当たるようにしておく。

スクリーンショット 0025-10-02 16.47.35.png

5.Vuforia Video Playback/Prefabs/VideoをImageTargetの子要素として配置する。

すべて配置した後の感じは以下。

スクリーンショット 0025-10-02 14.34.22.png

スクリーンショット 0025-10-02 14.34.16.png

ARCameraの設定

まずはARCameraの設定をします。

認識させたい画像にチェックをいれる。

インスペクタでData Set Load Behaviourスクリプトで、"Load Data Set (使いたいデータセット名)"にチェックをいれ、"Activate"が表示されますのでそれにもチェックをいれます。

スクリーンショット 0025-10-02 14.34.50.png

動画再生用スクリプトを追加する

動画を再生するには、ARCameraにそれ用のスクリプトを追加する必要があります。

スクリーンショット 0025-10-02 14.34.38.png

ScriptsフォルダにあるVideoPlaybackControllerをARCameraに追加してやります。

ARCameraの最終的な設定は以下のようになります(参考)。

スクリーンショット 0025-10-02 14.35.16.png

ImageTargetの設定

ImageTargetでは、認識させたい画像を設定することが出来ます。

画像の設定

インスペクタでImage Target Behaviourスクリプトで、Data SetとImage Targetを認識させたい画像に設定します。

スクリーンショット 0025-10-02 16.37.38.png

スクリプトの設定

Default Trackable Event Handlerスクリプト を ScriptsフォルダにあるTrackableEventHandler スクリプトで置き換えます。

スクリーンショット 0025-10-02 19.15.56.png

スクリーンショット 0025-10-02 19.13.23.png

↑これを、↓これに変更する。

スクリーンショット 0025-10-02 19.04.57.png

Videoの設定

再生する動画を設定します。

最初からついてくる(?)動画が、StreamingAssetsフォルダにあるので、今回はこれを再生します。
VuforiaSizzleReel_1と2というのが動画ファイルになりますが、これはFinderで見ると拡張子".m4v"がついたちゃんとした動画ファイルになっています。
自作の動画を再生したい場合もm4v形式の動画をこのフォルダにいれて使えばおそらく再生できるのではないかと思います。

スクリーンショット 0025-10-02 17.07.48.png

Videoオブジェクトを選択すると、

スクリーンショット 0025-10-02 17.11.26.png

Video Playback Behaviourスクリプトがありますので、そこの"Path"に先ほどの動画ファイル名(拡張子を含む)をいれてやります。

スクリーンショット 0025-10-02 17.11.32.png

これで動画再生のための設定はすべてです。
あとはビルドしてiPhoneなどで動作を確認しましょう。

補足

Vuforia Video Playbackの入手の仕方を教えてください

というメールをいただいたので、入手方法を記載しておきます。

上記URLの"Advanced Topics"のところの"Download Sample Projects for Unity"からダウンロードしたなかにVideoPlayback-X-X-XXX.unitypackageという名前のサンプルプロジェクトが含まれていますので、それを使ってください。

46
45
12

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
46
45

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?