基于web的全景漫游自动生成加编辑平台的技术实现(三)----krpano主XML文件

了解了krpano是怎么通过浏览器进行全景漫游展示之后,我们来看看krpano的主XML文件tour.xml

tour.xml是对全景漫游进行页面配置的xml文件,可以说,tour.xml里的内容就是浏览器里全景的内容,看看它里面都写了些什么

基于web的全景漫游自动生成加编辑平台的技术实现(三)----krpano主XML文件_第1张图片



	


	
	

	
	
	
	
	
	
	


	
	
		if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
		loadscene(get(startscene), null, MERGE);
		if(startactions !== null, startactions() );
	


	
	

		

		

		
			
				
			
			
				
			
			
				
			
			
				
			
		

		
			
		

		

	



长长的一大串代码,其实仔细看看还是挺好懂的

开头version说明krpano版本,这里用1.19

title是全景标题,可以任意修改


include url   顾名思义,引入skin / vtourskin.xml文件,这是全景漫游的皮肤文件,我们浏览全景漫游有一系列的按钮功能,基本都是在这个文件里完成,这个文件的内容以后再细说,现在大概知道它的作用就好




标签里配置了一系列皮肤属性设置,这些属性的作用是这样的

maps="false"  

	

scene里的view元素,是指定全景浏览者观看时的视角,比如初始视角,缩放范围,视域范围等等



preview元素,指定浏览全景时的略缩图(因为全景图片一般都很大,导致加载慢,所以krpano准备了清晰度较小的略缩图方便加载,给清晰的图片加载缓冲时间)



			
				
			
			
				
			
			
				
			
			
				
			
		

image元素,全景漫游里使用的图片资源都在image元素里配置

krpano一大特色就是VR模式,下面的if语句就是说如果进入VR模式,则使用VR模式专用图片

if="!webvr.isenabled"
下面的代码都是图片资源的地址了,就在vtour文件夹下的panos/1.tiles下,这里使用了通配符匹配每个图片文件夹下图片名,让krpano能找到每个图片

基于web的全景漫游自动生成加编辑平台的技术实现(三)----krpano主XML文件_第2张图片



总之,krpano自动生成的全景漫游,它的主XML文件里的结构就是通过元素设置一系列皮肤属性设置,然后在场景里对全景进行编辑,比如加上action动作等(注意:action一定要声明在scene元素之外再引用)。

就这样,一个简单的krpano全景漫游的主XML就完成了。

你可能感兴趣的:(基于web的全景漫游自动生成加编辑平台的技术实现(三)----krpano主XML文件)