[No.L001]
2019年02月13日,Mozilla日前撰寫了一份“Immersive Media Content Creation Guide(沉浸式媒體內(nèi)容創(chuàng)作指南)”,希望為有意加入或新加入這一領域的創(chuàng)作者提供借鑒參考。以下是映維網(wǎng)的具體整理:
1. 圖片
無論是作為單獨的照片還是作為交互式游覽體驗的組成元素,網(wǎng)頁都是分享沉浸式圖像的絕佳方式。大多數(shù)瀏覽器都可以顯示沉浸式圖像,但它們需要一定的幫助。通常來說,這類圖像是用180度或360度相機拍攝的常規(guī)JPG或PNG文件。根據(jù)確切的格式,你可能需要不同的軟件以在瀏覽器中進行顯示。你可以在自己的服務器上托管圖像,又或者是利用各個不同的圖片網(wǎng)站。
1.1 等量矩形(Equirectangular)圖像
360度相機通常以等量矩形格式拍攝照片,這意味著寬高比為2:1。你可以在Flickr發(fā)現(xiàn)一大批示例。
要利用Web并在虛擬現(xiàn)實中顯示示例圖片,你需要一個圖像查看器庫,如:
Arame的a-sky組件;交互式示例
基于SphereBuffer幾何的ThreeJS:交互式示例和源。
基于帶有等量矩形紋理的PhotoDome的Babylon.js:交互式示例。
亞馬遜Sumerian Skybox。
PhotoSphereViewer:一個更易于使用的庫,基于ThreeJS。
谷歌的VRView
1.2 球形圖像和3D圖像
一些360度相機將圖像保存為球形投影,它們通?雌饋硐褚粋或兩個圓圈。這種圖像通常應該使用相機附帶的工具轉換為等量矩形。來自180度相機的3D圖像通常是并排的兩個圖像,或者一個位于另一個之上。大多數(shù)相機廠商都提供了將圖像用于網(wǎng)頁的工具,詳細可查看相機的文檔說明。
1.3 游覽體驗
將沉浸式圖像用于網(wǎng)頁的最佳方式之一是:利用它們建立交互式游覽體驗。有一系列基于Web的優(yōu)秀工具可幫助構建360度游覽體驗,如:
Google Tour Builder
Marzipano
Roundme
IPanorama 360: Virtual Tour builder for WordPress
3DVista
WondaVR
HoloBuilder
2. 視頻
360度和3D視頻類似于普通視頻。它們通常用h264編解碼器編碼,并存儲在mp4容器內(nèi)。但360度和3D視頻的體積非常大。正常來說你不會希望將其拖關于自己的Web服務器。相反,你希望將其上傳至YouTube或Vimeo等視頻平臺,而他們都提供了如何處理和上傳視頻的解釋說明。
YouTube 360度視頻上傳指引
Vimeo 360度視頻上傳指引
如果選擇在標準Web服務器托管視頻文件,你需要利用AFrame或ThreeJS等VR框架構建的視頻查看器庫。
A-Frame 360度視頻播放器示例
Valiant,一款基于ThreeJS的360度視頻播放器
2.1 3D視頻
3D視頻通常只是兩個180度或360度視頻合在一起。這通常稱為“上下并排”格式,這意味著每個視頻幀都是一個包含兩個等量矩形圖像的正方形,上半部分用于左眼,下半部分則用于右眼。
Youtube:關于VR/3D視頻的文檔;非360度的VR視頻
谷歌:360度媒體綜述
Vimeo:將Vimeo視頻流式傳輸至WebVR應用程序的demo代碼
3. 壓縮建議
選擇盡可能高的質量,并讓視頻提供商根據(jù)需要進行轉換。如果你自己動手,請使用相機支持的最高比特率,并選擇在h264中錄制4k。
4. 拍攝360度視頻與圖像的設備
專門的360度,180度或3D相機應該可以為你提供最佳的效果。亞馬遜上有一系列的優(yōu)質產(chǎn)品,而它們都應該附帶用于拍攝和轉換照片與視頻的說明和軟件。
Mozilla Mixed Reality團隊親測建議:
聯(lián)想Lenovo Mirage Camera with Daydream
理光Ricoh Theta 360 series
盡管專用相機可為你提供更好的效果,但你同時可以選擇通過定制的智能手機相機應用(如FOV,Cardboard Camera和Facebook)拍攝360度圖像。更多信息可參閱相應的教程。
5. 分享你的沉浸式內(nèi)容
你可以在自己的網(wǎng)站上分享內(nèi)容,但如果沒有自己的網(wǎng)站,你可以考慮眾多的360度內(nèi)容托管網(wǎng)站:
PanoMoments
Within
Kuula
Momento360
360cities.net
Vizor360
Panotica
榜單收錄、高管收錄、融資收錄、活動收錄可發(fā)送郵件至news#citmt.cn(把#換成@)。
海報生成中...