移花接木(30)- krpano中嵌入html页面

krpano 1.20.11以后版本支持直接将layer里放iframe,因此本教程仅针对1.20.10及之前的版本的做法

krpano 1.19之后的新技能,就是可将html页面(iframe)作为热点放到3D空间中。

你可以如封面那样放入一个youku的embed视频,或者像下图那样直接放入一个html页面。因为这个就是一个可以变形的iframe。

krpano 1.20.11之后,代码变得非常简单,

以下隐藏内容仅供VIP会员查看,加入VIP会员请查看首页头图文章或添加站长微信

这里注意两点,第一type属性要写iframe,第二iframeurl写上要嵌入的网页路径。

(更多…)

全景漫游中使用iframe嵌入平面高清图(flat pano)

案例说明

krpano支持展示普通的高分辨率图片,同时也支持HTML5。这对于展示艺术品非常重要。因为用户需要看到艺术品的细节。那么我们在做数字博物馆的时候这就非常重要,毕竟很多展品我们在普通的全景拍摄时都不是正对着拍摄,即使全景的清晰度很高,放大以后都不是正面对着艺术品。

其次,如果我们在全景中使用图片,因为普通的图片加载方式需要文件数据全部加载后,才能显示图片。如果我们可以采用渐进多层分辨率的方式,就可以快速加载图片。

MAKE PANO (FLAT) droplet.bat正好解决了高分辨率普通图片的快速加载,它支持渐进式的多层分辨率展示。

效果如下图。

(更多…)

使用iframe标签将全景嵌入到HTML页面

嵌入全景的需求

我们在制作某个页面时,可能希望特定的一部分显示全景,就像本站的教程一样,在图文并茂之中还能嵌入一个全景。这时候我们可以使用iframe标签。例如下面的用法:

注意 – 为了使得全屏切换在iframe中可用,我们加入了allowfullscreen参数。 (更多…)