戴上VR眼镜,随着头部转动看到的图像也随之变更,仿佛身处一个虚拟的世界中 。
没有VR眼镜,通过手指触摸或体感掌握,也能随便切换视角 。
与传统视频相比,VR最大的优势就是赋予每个观看者以导演的权力,“ 一千个人心中有一千个哈姆雷特”,同一个虚拟世界,每个人也能走出属于自己的轨迹 。
VR视频的播放原理?VR视频播放是全景相机拍摄的逆进程 。
拍摄时,想象把一个水晶球的表面分成多份,每一份就是一个鱼眼镜头,多个鱼眼镜头把现实世界映射成一个球体的表面贴图;
文章插图
全景相机
文章插图
球体表面贴图
播放时,VR播放器会用3D技巧构建出一个虚拟的球体,用户身处虚拟球体的内部中心,看到的就是拍摄时水晶球映射的球体表面;
文章插图
3D虚拟球体和摄像机
用户头部转动时,调剂3D摄像机角度,再通过凸透镜把画面映射到用户的双眼,详情参考VR视频播放原理 。
??网页如何播放VR视频?"开放、平等、协作、分享"是互联网精创业网神,Web是VR内容最好的流传渠道 。
VR视频能丰硕网页的表示情势,进步用户的参与感 。
WebGL的普及率高,并能拜访底层的图形绘制API,网页渲染VR视频的刷新率能到达60赫兹,与APP一样流利 。
文章插图
WebGL兼容表
three.js , A-frame 等优良的开源JS库能迅速地实现在网页上播放VR视频,具体可参考相干网站,但是经过笔者实测,直接应用也有一些缺陷:
- js文件超过500Kb,影响网页加载速度
- 阅读器兼容以Chrome/Firefox支撑为主
- 交互功效的开发较庞杂,请求前端掌3D图形学知识
一、注册play2VR账号,上传媒体(支撑全景视频和图片),设置播放选项:
文章插图
二、拷贝集成代码到网页源代码中:
【网页如何播放VR视频? 网上怎么观看VR视频】
推荐阅读
- 如何在PC端百度地图中查看经纬度(坐标 百度地图里经度和纬度怎么查看数据?)
- 看网站历史快照的网站 网页历史快照
- 长老年斑该怎么办 老年斑怎么去除窍门
- 高压线是如何对人产生影响的 高压线辐射安全距离
- 5个实用的眼睛增大技巧 眼睛如何变大
- 手把手教你做标书 标书怎么制作
- 什么是“X”型腿?如何矫正? x型腿矫正带
- 网页设计培训零基础要如何学习 网页设计短期培训
- 儿童吹泡泡水简单配方 吹泡泡水怎么做
- 简历专业技能有哪些 专业技能怎么写