VR全景漫游制作 - 添加視頻熱點(diǎn)
進(jìn)入熱點(diǎn)管理界面,選擇所需的熱點(diǎn)類型,第四個(gè)圖標(biāo)
為視頻彈出熱點(diǎn)。點(diǎn)擊視頻熱點(diǎn)后就在當(dāng)前場景視野的中心添加了一個(gè)視頻彈出熱點(diǎn)。拖動(dòng)熱點(diǎn)可以調(diào)整熱點(diǎn)的位置。右側(cè)熱點(diǎn)屬性編輯框包含以下信息:
-
刪除:刪除當(dāng)前選中的熱點(diǎn);
-
風(fēng)格:選擇熱點(diǎn)的樣式圖標(biāo),共13個(gè)圖標(biāo),前5個(gè)為靜態(tài)圖標(biāo),后8個(gè)為動(dòng)態(tài)圖標(biāo);
-
提示文字:設(shè)置鼠標(biāo)懸停在熱點(diǎn)上時(shí)顯示的文字內(nèi)容;
-
使用線上視頻:使用優(yōu)酷視頻或者通過代碼嵌入視頻;
-
-
Youku視頻鏈接:打開一個(gè)優(yōu)酷視頻播放單頁,復(fù)制地址欄的鏈接地址粘貼到這個(gè)區(qū)域;
-
嵌入代碼:通過iframe嵌入視頻的代碼,類似于下圖中所示的格式。
-
-
使用本地視頻:添加本地視頻路徑,如下圖二所示;
-
顯示指示線:熱點(diǎn)指示線功能,參見熱點(diǎn)指示線章節(jié)。
注意:Youku視頻鏈接和嵌入代碼需二選一,不能同時(shí)使用。線上視頻和本地視頻目前都只支持h.264編碼的MP4格式視頻。Flash視頻暫不支持。
圖一 使用線上視頻屬性界面
嵌入在線視頻的代碼樣式參考:
<iframe src='https://www.abc.com/d.mp4' width='100%' height='100%' allowfullscreen='true'></iframe>
其中src中的內(nèi)容為在線視頻的路徑和名稱,width和height分別為iframe的寬和高,allowfullscreen定義是否允許全屏顯示。
圖二 使用本地視頻屬性界面
視頻彈出熱點(diǎn)效果預(yù)覽如圖三所示:
圖三 視頻彈出熱點(diǎn)預(yù)覽效果
自VR漫游大師1.3起不僅支持普通的視頻熱點(diǎn),還可以添加全景視頻作為熱點(diǎn)。視頻來源可以是本地MP4文件也可以是在線全景視頻頁面URL。對于在線視頻,用戶可以輸入優(yōu)酷單個(gè)在播全景視頻的網(wǎng)址或使用iframe方式嵌入視頻代碼。
以下我們將展示如何在VR漫游大師軟件中添加全景視頻。
首先,添加視頻熱點(diǎn),然后在右側(cè)紅框區(qū)域編輯視頻熱點(diǎn)的屬性,勾選“該視頻為360度全景視頻”項(xiàng)。
對于本地全景視頻,請選擇本地文件并添加。
對于在線全景視頻,請選擇在線按鈕,輸入U(xiǎn)RL或嵌入相應(yīng)的代碼。嵌入代碼的方式和視頻一樣,可以參考上文普通視頻的嵌入代碼。
手機(jī)端預(yù)覽全景視頻的效果如下圖所示: