网页如何播放VR视频? 网上怎么观看VR视频

戴上VR眼镜,随着头部转动看到的图像也随之变更,仿佛身处一个虚拟的世界中 。
没有VR眼镜,通过手指触摸或体感掌握,也能随便切换视角 。
与传统视频相比,VR最大的优势就是赋予每个观看者以导演的权力,“ 一千个人心中有一千个哈姆雷特”,同一个虚拟世界,每个人也能走出属于自己的轨迹 。
VR视频的播放原理?VR视频播放是全景相机拍摄的逆进程 。
拍摄时,想象把一个水晶球的表面分成多份,每一份就是一个鱼眼镜头,多个鱼眼镜头把现实世界映射成一个球体的表面贴图;

网页如何播放VR视频? 网上怎么观看VR视频

文章插图
全景相机
网页如何播放VR视频? 网上怎么观看VR视频

文章插图
球体表面贴图
播放时,VR播放器会用3D技巧构建出一个虚拟的球体,用户身处虚拟球体的内部中心,看到的就是拍摄时水晶球映射的球体表面;
网页如何播放VR视频? 网上怎么观看VR视频

文章插图
3D虚拟球体和摄像机
用户头部转动时,调剂3D摄像机角度,再通过凸透镜把画面映射到用户的双眼,详情参考VR视频播放原理 。
??网页如何播放VR视频?"开放、平等、协作、分享"是互联网精创业网神,Web是VR内容最好的流传渠道 。
VR视频能丰硕网页的表示情势,进步用户的参与感 。
WebGL的普及率高,并能拜访底层的图形绘制API,网页渲染VR视频的刷新率能到达60赫兹,与APP一样流利 。
网页如何播放VR视频? 网上怎么观看VR视频

文章插图
WebGL兼容表
three.js , A-frame 等优良的开源JS库能迅速地实现在网页上播放VR视频,具体可参考相干网站,但是经过笔者实测,直接应用也有一些缺陷:
  • js文件超过500Kb,影响网页加载速度
  • 阅读器兼容以Chrome/Firefox支撑为主
  • 交互功效的开发较庞杂,请求前端掌3D图形学知识
play2VR(www.play2vr.com)是一款免费创业网易用创业网的VR视频播放器,它尺码还不到30Kb(gzip) , 支撑主流PC/移动阅读器和微信,集成CDN还支撑跨域VR视频播放, 应用非常简略:
一、注册play2VR账号,上传媒体(支撑全景视频和图片),设置播放选项:
网页如何播放VR视频? 网上怎么观看VR视频

文章插图
二、拷贝集成代码到网页源代码中:
【网页如何播放VR视频? 网上怎么观看VR视频】

    推荐阅读