首页 VR全景教程 krpano HTML5全景漫游

krpano HTML5全景漫游

目前有个插件叫krpano HTML5 Viewer可以实现全景展示,官网都是英文,而且网上资料也比较少些,需要看看官网…

目前有个插件叫krpano HTML5 Viewer可以实现全景展示,官网都是英文,而且网上资料也比较少些,需要看看官网实例、文档。

下载地址:http://www.krpano.com/

引用一下别人的博客:http://my.oschina.net/u/591525/blog/158572

Krpano功能介绍
Krpano viewer的主程序所使用的XML文件十分简洁.默认情况下仅可以做到场景的载入。其他所有功能,都以插件的
形式实现.而每个插件.既可以在自己的XML文件进行配置。 然后供主程序XML文件调用.也可以在主程序的XML文件
中直接[标签引入并进行配置。这样做的好处就是功能明确,结构清晰,便于扩展,利于维护。
Krpano的所有标签如下: 

标签:载人其他的xml文件。
标签:在装载全景图片的过程中显示一个小的全景图。
标签:载人图片。
标签:存储当前视的信息。
标签:定义全景图中被展示的区域
标签:定义渲染的质量和性能。
标签:鼠标键盘的控制设置。
标签:自定义光标的样式。
标签:当无用户交互时.自动扭曲/移动,缩放。
标签:载人其他flash程序,图片或者按钮,图标
等。
标签:设置热点。
标签:设置事件的响应。
标签:定义行为.需要用脚本语言解释器解释。
标签:自定义鼠标右键菜单。
标签:设置装载时过程。
标签:设置下载或者decode时的图片。
标签:设置内存使用情况。
标签:设置安全性。
标签:定义样式。
标签:定义一个镜头光晕样式。
标签:定义一个镜头光晕。
标签:存储一些数据
标签:定义场景。
代码解析:

   1.

表示页面会生成一个div层,有宽高、位置布局属性。可以根据自己业务在界面进行布局,如果需要在图片上做点击事件需要加onclick属性如下:

loadscene是插件自带方法(载入指定的一个全景),只需要传一个全景标签的name即可。

2.执行脚本语句

    skin_addthumbs();
    skin_onresize();
    skin_updatescroll();

3.手机端用到陀螺仪和重力感应,需要插件gyro.js:

4.html页面需要加入标签手机端需要适应屏幕:

  
  

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。

作者: TOB市场人

为您推荐

mxreality.js 免费开源的全景图/全景视频/VR 直播播放器介绍

mxreality.js 免费开源的全景图/全景视频/VR 直播播放器介绍

[2018-10-20 重要更新]支持VR直播功能支持全景视频poster支持全景图和视频和场景之间随意切换全景模式切换...
技术分享:全景视频技术的实现

技术分享:全景视频技术的实现

全景视频技术的实现      全景视频在VR领域是一个非常热...
浏览器中实现3D全景浏览

浏览器中实现3D全景浏览

如果你用过网页版的百度地图,你大概3D全景图浏览是一种怎样的酷炫体验:在一个点可以360度环顾周围的建筑、景色,当然也可...
全景图的种类、360度三维实拍全景

全景图的种类、360度三维实拍全景

  根据全景外在表现形式可以分为柱形全景和球形全景两大类。柱形全景是最简单的全景,就是通常所说的”环视...
全景拍摄教程:为什么要使用全景云台?

全景拍摄教程:为什么要使用全景云台?

  在我们日常拍摄全景图片的时候,一定都会用到一个设备:全景云台。那么有小伙伴就问了:为什么要使用全景云台?全景云台在全...

发表回复

您的电子邮箱地址不会被公开。

返回顶部