基于web的全景漫游自动生成加编辑平台的技术实现(二)----krpano窥探

上次我们说到怎么使用krpano自动制作一个全景漫游,今天我们来说一下krpano是怎么让一个全景漫游运作起来的

首先我们打开一个经过krpano自动生成后的全景漫游,查看它的代码,这里我用的编辑器是Sublime Text 3(强烈推荐,用来编辑XML或者其它很方便)

基于web的全景漫游自动生成加编辑平台的技术实现(二)----krpano窥探_第1张图片

查看这个html页面的代码内容




	krpano - 1
	
	
	
	
	
	






< head>标签内的代码主要是针对设备的自动适应,不细说了

我们主要看下面标签里的内容


第一行里,告诉浏览器,读取tour.js里的内容

就是这个文件啦,这个js文件包含了krpano的html5引擎以及flash嵌入,没有它全景漫游也运作不起来(可惜老外把它加密处理了)

基于web的全景漫游自动生成加编辑平台的技术实现(二)----krpano窥探_第2张图片

下一行<div>标签让全景漫游全屏显示

最后的

总的来说,就是在html页面里读取tour.js文件里的内容,再根据tour.xml文件里的配置信息渲染全景漫游页面(渲染有flash和html5两种方式,1.19版本默认首先使用html5方式),全景漫游就这样在浏览器里展示出来了。


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