Mozilla发布VR视频沉浸式媒体内容创作入门指南
文章相关引用及参考:mozvr
入门性指南
(映维网 2019年02月13日)Mozilla日前撰写了一份“Immersive Media Content Creation Guide(沉浸式媒体内容创作指南)”,希望为有意加入或新加入这一领域的创作者提供借鉴参考。以下是映维网的具体整理:
1. 图片
无论是作为单独的照片还是作为交互式游览体验的组成元素,网页都是分享沉浸式图像的绝佳方式。大多数浏览器都可以显示沉浸式图像,但它们需要一定的帮助。通常来说,这类图像是用180度或360度相机拍摄的常规JPG或PNG文件。根据确切的格式,你可能需要不同的软件以在浏览器中进行显示。你可以在自己的服务器上托管图像,又或者是利用各个不同的图片网站。
1.1 等量矩形(Equirectangular)图像
360度相机通常以等量矩形格式拍摄照片,这意味着宽高比为2:1。你可以在Flickr发现一大批示例。
要利用Web并在虚拟现实中显示示例图片,你需要一个图像查看器库,如:
- Arame的a-sky组件;交互式示例
- 基于SphereBuffer几何的ThreeJS:交互式示例和源。
- 基于带有等量矩形纹理的PhotoDome的Babylon.js:交互式示例。
- 亚马逊Sumerian Skybox。
- PhotoSphereViewer:一个更易于使用的库,基于ThreeJS。
- 谷歌的VRView
1.2 球形图像和3D图像
一些360度相机将图像保存为球形投影,它们通常看起来像一个或两个圆圈。这种图像通常应该使用相机附带的工具转换为等量矩形。来自180度相机的3D图像通常是并排的两个图像,或者一个位于另一个之上。大多数相机厂商都提供了将图像用于网页的工具,详细可查看相机的文档说明。
1.3 游览体验
将沉浸式图像用于网页的最佳方式之一是:利用它们建立交互式游览体验。有一系列基于Web的优秀工具可帮助构建360度游览体验,如:
- Google Tour Builder
- Marzipano
- Roundme
- IPanorama 360: Virtual Tour builder for Wordpress
- 3DVista
- WondaVR
- HoloBuilder
2. 视频
360度和3D视频类似于普通视频。它们通常用h264编解码器编码,并存储在mp4容器内。但360度和3D视频的体积非常大。正常来说你不会希望将其拖关于自己的Web服务器。相反,你希望将其上传至YouTube或Vimeo等视频平台,而他们都提供了如何处理和上传视频的解释说明。
如果选择在标准Web服务器托管视频文件,你需要利用AFrame或ThreeJS等VR框架构建的视频查看器库。
2.1 3D视频
3D视频通常只是两个180度或360度视频合在一起。这通常称为“上下并排”格式,这意味着每个视频帧都是一个包含两个等量矩形图像的正方形,上半部分用于左眼,下半部分则用于右眼。
- Youtube:关于VR/3D视频的文档;非360度的VR视频
- 谷歌:360度媒体综述
- Vimeo:将Vimeo视频流式传输至WebVR应用程序的demo代码
3. 压缩建议
选择尽可能高的质量,并让视频提供商根据需要进行转换。如果你自己动手,请使用相机支持的最高比特率,并选择在h264中录制4k。
4. 拍摄360度视频与图像的设备
专门的360度,180度或3D相机应该可以为你提供最佳的效果。亚马逊上有一系列的优质产品,而它们都应该附带用于拍摄和转换照片与视频的说明和软件。
Mozilla Mixed Reality团队亲测建议:
- 联想Lenovo Mirage Camera with Daydream
- 理光Ricoh Theta 360 series
尽管专用相机可为你提供更好的效果,但你同时可以选择通过定制的智能手机相机应用(如FOV,Cardboard Camera和Facebook)拍摄360度图像。更多信息可参阅相应的教程。
5. 分享你的沉浸式内容
你可以在自己的网站上分享内容,但如果没有自己的网站,你可以考虑众多的360度内容托管网站: