移花接木(11)- 制作项目启动画面

更新于 2024.4.19 krpano 1.21.2

启动画面演示

(更多…)

移花接木(8)- 可拖拽的图层与热点

更新于 2024.4.19 krpano 1.21.2

官方下载包路径

你电脑的路径\krpano-1.21.2\viewer\examples\animated-hotspots\dragable-hotspots

你电脑的路径\krpano-1.21.2\viewer\examples\animated-hotspots\dragable-layers

提示:如果不明白下载包路径是什么,请查看 循序渐进(3)- krpano下载包的使用说明

在线演示

(更多…)

移花接木(5)- 自定义指南针样式

更新于 2024.4.19 krpano 1.21.2

演示

 

(更多…)

krpano添加分享至微博按钮

全景漫游项目在手机端和PC端有很多不同之处,其中一点就是手机端的展示平台通常自备浏览功能,例如微信右上角的三个小圆点,还有众多手机浏览器的强大分享功能。相比起手机端的分享功能,PC端的浏览器相对就差很多了。要快速将全景地址分享到微博,想通过浏览器自带的功能,并不是那么一件容易的事情。因此我们需要自己添加分享到微博的按钮。

事实上,关于分享到微博的按钮,微博本身提供了一个按钮: (更多…)

点击按钮(layer)或热点(hotspot)弹出帮助图片

这一次从解决问题的思路来解释如何实现一个简单的帮助画面。

 

首先我们要明确需求:

有一个按钮,它的功能就是弹出帮助画面,当点击这个按钮时,全景画面中央出现一个设计好的帮助图片,点击该图片,图片消失,同时如果不点击图片,点击按钮的话,图片也会消失。

(更多…)

krpano网页地址链接到指定场景和视角(适用krpano 1.19 pr2以前版本)

假设现在有那么一种情况,你拍了几套样板间,然后这十几个点(场景)都放在一个xml里,然后,这时候客户希望在能打开地址展示第一个场景的同时,还可以按照其需求通过打开网址直接看到其他场景,例如,打开网址直接就是卫生间(恶趣味的客户)。

 

以下方法适用于krpano 1.19 pr2及之前版本

我们不可能因为这样去调整文件中scene的位置,因为这样就需要很多个xml文件,同时又要生成很多个地址,占据服务器空间。我们只需要在原来的网页地址上做个小小手脚。
首先,我们先来看看默认皮肤中tour.xml有这么一个startup的action。 (更多…)

krpano中获取用户输入文本的方法(支持全屏)

说明

此处的用法是运用js接口制作的一个小小插件,可以在xml文件调用js插件,然后在全景中获取用户所输入的文本。因为该插件是在xml内调用,属于krpano的元素,因此在krpano全屏时不会被放在后面,因此不会消失。

以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章

(更多…)

完全屏蔽krpano右键菜单

要完全屏蔽右键菜单,首先你要有Branding Free License,也就是那个价值299欧元的授权,详情查看:循序渐进(2)- 购买、下载、注册与更新krpano

我们知道右键菜单的内容是由contextmenu标签控制的,因此你首先要删掉所有contextmenu标签,然后加入以下代码即可。

注意 – 这个方法仅在1.17之后能够完全去掉右键菜单的弹出。

查看krpano项目的授权信息

每个能够正常显示的krpano项目都肯定有授权信息的支持,如果没有正式的授权,这个项目显示时就会在屏幕中央有krpano的水印。

出于某种原因,我们有时候需要查看某个全景的授权信息,也就是我们想知道这个授权的用户名和注册邮箱。 (更多…)

让官方皮肤在手机展示时也默认弹出缩略图(1.18)

大家都能找到下面代码中高亮的部分:

也就是thumbs_opened=”false” 将它改为 thumbs_opened=”true”

这样我们打开场景时下方缩略图是默认显示的。但尽管我们已经改为true了,若在手机上看是缩略图默认还是隐藏的,怎么回事呢? (更多…)

本地/离线使用krpano flash viewer时的注意事项

在离线或本地使用Flashplayer时,Flashplayer的外部接口会因为安全限制的默认原因被屏蔽。

在“在线”使用Flashplayer,也就是说Flashplayer是在 ‘http://’ 的地址中打开时(也可是 ‘localhost’ 服务器),那么外部接口就可以使用。

外部接口 对于很多方面是非常必要和重要的;

  • 使用krpano Javascript接口。
  • 使用krpano鼠标缩放/页面滚动修正(对于Mac系统非常重要)。
  • 打开一个超链接,例如krpano中的openurl(url) action。
  • 从互联网载入数据或代码,例如Google Maps插件或Bing Maps插件需要载入地图切片。

在外部接口不可用是,krpano会显示下面的错误信息:

WARNING: ExternalInterface NOT available

可通过外部的 haveexternalinterface 变量检查外部接口是否可用。

 

如何更改Flashplayer安全设置

(更多…)

如何避免krpano的语法错误

不愿意见到的黑屏

刚接触krpano的朋友,最初目的很可能是想在手机上观看全景,krpano的两套viewer,Flash和HTML5正好满足了跨平台的需求,而且同一个地址就能在电脑和手机观看,于是我们的朋友很开心在电脑上看到了出色的全景效果,但当在手机上打开地址时,却弹出下面这个黑色画面,什么意思?FATAL ERROR,致命错误,载入或解析失败

(更多…)

krpano中如何让图片自适应屏幕尺寸

自适应屏幕尺寸的图片

我们制作的漫游会在各种各样的设备上浏览,不同的设备屏幕尺寸各有差异,如果我们按照固定的像素来固定layer的尺寸,那么有些图片在显示器上可能合适,但在手机上看可能就会太大。通常我们需要根据屏幕的宽度和高度来确定layer的宽度和高度。 (更多…)