Unreal: Simple 360 Videos

since: 2016/10/22
update: 2017/03/24
reference:
1. How to create a simple 360 VideoSphere in Unreal Engine | vrobot

Unreal 版本: 4.13 ~ 4.15

A. 新增專案
     1. 新增一個 Blank 的 Blueprint 專案

     2. 在 Content Browser 的 Content 目錄下, 新增 Maps 與 Movies 資料夾

     3. 將目前的關卡地圖, 存到 Maps 資料夾下(預設名稱: NewMap)

      4. 設定專案的 "編輯起始地圖" 與 "遊戲預設地圖"

    5. 加入影片素材
         a. 下載 360° Videos - YouTube (在此使用 Experience Vivid Sydney)
       
         b. 將影片放入 Movies 資料夾內: (以確保影片檔能正確被封裝)

-----------------------------------------------------------------------------------------------

B. 專案內容新增 "多媒體檔"
     1. 點選 Content > Movies 資料夾:
         Add New > Media > File Media Source

     2. 取名為: my360File

3. 點二下 my360File ,  將 File Path 設為之前加入的影片檔

-----------------------------------------------------------------------------------------------
C. 專案內容新增 "媒體播放"
     1. 點選 Content > Movies 資料夾:
         Add New > Media > Media Player

     2. 勾選:
         Audio output SoundWave asset
         Video output MediaTexture asset
          > OK
 

3. 取名為: MyMediaPlayer, 結果:

     4. 點二下 MyMediaPlayer, 再點二下最下方的影片素材,
         檢查右下方的 Sound Wave 與 Video Texture 設定.

-----------------------------------------------------------------------------------------------

D. 建立 Video Material
      1. 檢查 Media Texture

      2. 由此 Media Texture 來建立 Material

      3. 結果:

      4. 開啟剛剛產生的 Material , 在 Details 將 Two Sided 勾選

      5. 新增 Texture Coordinate 節點:
          UTiling: -1.0
          VTiling:  1.0

      6. 新增 Constant 2Vector 節點:
          R: -1.0
          G:  1.0         

      7. 最後新增 Multiply 節點, 連結下:

-----------------------------------------------------------------------------------------------

E. Level Blueprint
     1. 開啟 Level Blueprint

   2. 新增一個 Media Player Reference 的變數: (取名為 360Video)

3. 確認變數型別為: MediaPlayer(Reference),
    先 Compile 後, 設定好預設的 Media Player

     4. 將 360Video 變數拖拉(Ctrl 鍵?)到 Event Graph 裡, 新增 Open Source Node,
         並設定其 Media Source (在此為: my360File)

-----------------------------------------------------------------------------------------------

F. 新增圓球體
    1. 將一個 Sphere 拖拉到場景內:

    2. 調整大小

    3. 並取消碰撞

    4. 調整 Player Start 的 Z軸高度

    5. 也調整 Sphere 的 Z軸 高度

    6. (按 Ctrl) 將 Sound Wave 與 Media Material assets 拖拉到 Sphere 上

    7. 編譯並執行:

-----------------------------------------------------------------------------------------------

G. 備註
    1. 將 Sphere  跟隨玩家角色移動:
        a. 記得要先做 "修正 VR 的地平線水平高度" 的處理:
            參考: I touchs: Unreal: Begin A Virtual Reality Project
                     > C. 修正 VR 的地平線水平高度

        b.  將 Sphere 設成 Movable:


        c. 修改 Level Blueprint:

    2. 設定影片播放速率:(4.13)
        a. 說明:
            在 Windows 平台, 測試過 MP4, MKV, AVI 與 WMV 影片格式,
            其中 AVI 與 WMV 可以 work, 但是 AVI 播起來頓頓的, 所以建議使用 WMV 格式.
             p.s. 後來再測試後, 某些 MP4 也可以正常播放.

        b. Level Blueprint:

    3. 設定影片播放速率:(4.15)

    4. 重置影片播放: