[轉]寫給Krpano小白們的最最最入門級教程(三)

最後,我們需要添加一段背景音樂來讓我們的全景漫遊顯得更加生動,當然,這也可以是客戶提供的“解說詞”,相信經過前面的“代碼轟炸”以後你會覺得添加一段背景音樂進去實在是非常簡單的事情。

在添加背景音樂之前我們先複製一個名爲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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章