循序渐进(13)- 需要时刻注意的krpano中的url路径问题

路径问题是出现较高的关键词之一,这也是很多新手,包括肥宗本人在早期经常忽视的错误。

我们为什么要重视路径问题,因此路径属性url存在于各个krpano元素中,包括layerhotspot以及image等。我们往往因为没有注意路径问题,甚至连路径都忽略了,导致没有出现我们想要的效果。 (更多…)

循序渐进(11)- 1.19版本的默认tour.xml解析与换肤

更新 2016.10.9

这次我们专门来讲讲1.19 pr8版本的tour.xml里的静态元素的作用以及如何更换在1.19中更换皮肤。

krpano根元素

上次已经提及了krpano元素是krpano xml文件的根元素(krpano元素官方文档krpano元素完全解析),我们可以看到整个xml文件一头一尾都是由krpano所闭合的。而在krpano元素中version是版本号,它是一个系统内置属性。title是自定义属性,title定义的值在默认皮肤下是显示在缩略图左上角的文字。

 

(更多…)

循序渐进(10)- 初探krpano xml静态代码

更新 2016.10.9

什么是krpano xml静态代码?

krpano xml静态代码其实就是krpano元素。我们在学习krpano里的时候经常要面对krpano的xml文件,krpano的xml文件里的静态代码相当于一个个具有功能说明的积木。虽然krpano的代码在文本中是一个个元素,且是有顺序地布局着,但实际上除了相同元素的载入的先后次序,不同元素之间的先后关系并不重要(除了krpano根元素)。

 

(更多…)

循序渐进(9)- vtour文件夹的运作机制

更新 2016.4.11

前面几个课程我们讲述了一些需要实践动手,并且实实在在地做了一个漫游。对于熟悉前端的朋友可以忽略本篇,本篇主要是讲解一下vtour文件夹各个文件之间的关系。

vtour文件夹是krpano默认生成的漫游文件夹。在这个文件夹中,有三个文件夹以及五个tour开头的文件。详细说明请查看:vtour文件夹说明

当我们双击tour.html的一刻,到底都发生了些什么事情?以下按照krpano 1.19 pr4版本进行讲解。

(更多…)

循序渐进(8)- 加入中文信息、设置起始视角和热点

更新 2016.6.22

加入中文信息

要顺利地在漫游中显示中文,首先要使用正确的代码编辑器:Sumblime Text 3

如果用记事本编辑xml文件,默认保存的话,中文无法正确编码,会显示乱码。因此你要用上述提及的链接中的软件打开xml和html文件。使用代码编辑器还能让代码结构化。

所有乱码问题 都是由于文件自身的编码格式引起的跟编辑器并没有关系 只不过有些编辑器提供指定字符编码功能 有些编辑器不提供这功能

接下来你可以编辑你刚生成好的vtour文件夹的内容。也可以打开krpano下载包中下面的路径进行练习 (更多…)

循序渐进(7)- 选择Sublime Text 3作为krpano漫游设计的代码编辑器

更新 2016.9.24

工欲善其事,必先利其器。作为krpano代码君,每天对着就是一堆krpano代码,普通的代码编辑器只能是将它看成是普通的xml文件对待,没有语法提示,也没有合适的高亮主题等等,如果你的代码编辑器能够辨别krpano的文件结构,能够有语法提示,你搞错的属性和元素还能用不一样的颜色标示出来,那该多好。像下图: (更多…)

循序渐进(6)- 为何本地预览时在浏览器中显示错误

更新 2016.9.30

krpano 1.19 pr 8

QQ图片20160930220618_副本

如果是windows版本,则直接点击vtour文件夹中tour_testingserver.exe进行本地浏览。

如果是mac系统,则直接点击vtour文件夹中tour_testingserver_macos进行本地浏览。

这两种方式都会启动krpano测试服务器,然后打开文件夹中的index.html或tour.html。

krpano 1.19 pr4-pr7之后的黑屏

在krpano 1.19 pr4之后的版本中,无论是刚新生成的漫游还是打开下载包的案例查看,双击后都会看到以下令人不悦的黑屏错误提示。

QQ图片20160410165315

该错误的意思就是本地浏览时请使用krpano测试服务器。为什么在这个版本后官方要这样处理呢?其理由是HTML5的使用。之前的版本往往本地是会使用flash进行预览,但传到网上后却基本上是html5,往往因为没有检查出来的语法错误或者其它问题导致html5内核的全景与之前本地预览的flash版本是有差别的,甚至提示语法错误黑屏。1.19之后,默认无论是本地还是在线都是html5内核,而由于部分浏览器不允许离线情况下在html5下传送数据文件,尤其是Chrome和Safari,因此krpano决定强制大家使用测试服务器,当然你也可以更改这个强制。

那么我们应该如何做呢?就是每次准备在电脑上进行krpano相关操作和预览时,我们先让电脑运行krpano Testing Server。

QQ图片20160410170155

运行后:

QQ图片20160410105432

这时候可以将其最小化,刷新之前的网页或者重新打开。你会发现就可以顺利打开,而且地址自动变成:

QQ图片20160410170544

也就是说我们在这个版本工作的时候,首先先打开测试服务器。然后就可以确保我们做的工作跟之后上传后的效果是一样的了。

 

其它版本常见的黑屏

如果我们刚刚用make vtour droplet生成了vtour文件夹,当我们双击tour.html文件时,部分浏览器可能会给出下面一个黑脸:

krpano.com - Upper Primary_20150424065124

一个NetworkError,告知无法导入tour.xml。

这是因为部分浏览器的安全机制限制了在HTML5模式下无法导入本地的xml文件(当然,如果是在线浏览的话,是不会出现这种错误的)。原因我们可以查看 krpano离线使用Flash浏览器的注意事项

一个解决办法是可以使用krpano的本地测试服务器,请点击查看:krpano本地测试服务器。了解如何使用。。

另一个办法是将tour.html文件拉到代码编辑器中,尝试更改html5属性。 (更多…)