[转]写给Krpano小白们的最最最入门级教程(三)

来源:互联网 发布:报网络教育有用吗 编辑:程序博客网 时间:2024/05/22 01:45

最后,我们需要添加一段背景音乐来让我们的全景漫游显得更加生动,当然,这也可以是客户提供的“解说词”,相信经过前面的“代码轰炸”以后你会觉得添加一段背景音乐进去实在是非常简单的事情。

在添加背景音乐之前我们先复制一个名为backgroundmusic.mp3的文件到tour目录下,当然也可以是******文件名,只要跟url中的名称相匹配就可以。然后添加playsound(bgsnd, 'backgroundmusic.mp3', 0);到tour.xml中的action name="startup"里,像下面这样:

<action name="startup">

              if(startscene === null, copy(startscene,scene[0].name));

              loadscene(get(startscene), null, MERGE);

              playsound(bgsnd, 'backgroundmusic.mp3', 0);

              if(autorotate.enabled,bombtimer(0)); 

       </action>

在vtourskin.xml的标签外空白处加入以下代码:

<plugin name="soundinte***ce" 

      url="%SWFPATH%/plugins/soundinte***ce.swf" 

      alturl="%SWFPATH%/plugins/soundinte***ce.js" 

      rootpath="" 

      preload="true" 

      keep="true" 

      />

之后..没有之后了...

如果你仅仅需要添加背景音乐到这个漫游中,那么你已经完成了所有的工作。不过,我建议还是增加一个背景音乐的开关,毕竟无限循环的音乐听久了耳朵会起茧的。

首先我们需要一个按钮(图27):

图27(为了方便观看,充填了黑色背景并旋转了90度)

利用crop截取底部的喇叭部分,代码如下:

<layer name="skin_btn_sound"                 style="skin_base|skin_glow" crop="0|700|64|64"                   

x="180"  y="2"   scale="0.5" onclick="pausesoundtoggle(bgsnd); switch(crop,'0|700|64|64','64|700|64|64');" onloaded="if(ismobile,set(scale,1)"  />

同样,我们需要全屏按钮再挪动以下,把layer name="skin_btn_fs"的x坐标改到220吧(图28)。

图28

如果你看完这篇教程,并一步步的按照教程操作,那么一个可以自动循环展示、拥有自己的logo、动态热点以及背景音乐的全景漫游就全部完成了,你可以把它上传到服务器,做成自己的全景漫游网页,也可以通过网络向客户展示。当然这只是一个相对简单的全景漫游制作,Krpano提供的功能远远不止这些,我们还可以制作小行星开场动画、添加动态的镜头眩光、添加自定义的地图以及地图热点等等。但是,如果你初次接触Krpano并能够独自完成这篇教程中的所有案例,那你就应该为自己感到自豪,不是么。

原文链接:http://www.detu.com/huati/detail/99

原创粉丝点击