krpano全景漫游(1.20.11版本)-添加背景音乐篇

添加背景音乐

1.首先准备mp3音乐文件,可以在vtour文件中创建sound文件夹,然后放入mp3文件

2.将viewer文件夹中的plugins中的soundinterface.swf文件拷贝到自己项目中的plugins中去(注意新版我的项目的soundinterface.js已经存在,如果你的没的话一起复制)

3.在vtourskin.xml的某个空白位置加入如下代码

<plugin name="soundinterface"
        url.flash="%VIEWER%/plugins/soundinterface.swf"
        url.html5="%VIEWER%/plugins/soundinterface.js"
        rootpath=""
        preload="true"
        keep="true"
        />

4.在vtourskin.xml的某个空白位置加入如下代码

<!-- 持续播放音乐 -->
    <action name="bgsnd_action" autorun="onstart">
   playsound(bgsnd, '%VIEWER%/sound/760799654.mp3', 0);
</action>
<!--
bgsnd代表声音的id,只要和其他声音的id不冲突就行
%VIEWER%/sound/760799654.mp3:声音的路径
0代表循环播放,1代表只播放一遍
-->

5.如果使用自己创建的播放按钮,可调用点击事件,注意:bgsnd是对应声音的id

onclick="pausesoundtoggle(bgsnd);"

6.如果使用系统提供的声音按钮.可在vtourskin.xml的layer种找到如下代码

<layer name="skin_btn_vr" style="skin_base|skin_glow" crop="0|0|80|64"    align="center"      x="+146" y="0"  scale="0.5" onclick="webvr.enterVR();" visible="false" />
 
<layer name="skin_btn_fs" style="skin_base|skin_glow" crop="0|576|64|64"  align="right"       x="90"   y="0"  scale="0.5" onclick="switch(fullscreen);" devices="fullscreensupport" />

在skin_btn_vr的layer和skin_btn_fs的layer中插入如下代码

<layer name="skin_btn_sound"     style="skin_base|skin_glow" crop="64|704|64|64"  align="right"      ox="0"   x="130"   y="0"  scale="0.5" onclick="pausesoundtoggle(bgsnd);switch(crop,64|704|40|64,64|704|64|64);switch(alpha,1,0.25);switch(ox,0,-12)"  />

7.因为我项目是显示在移动端的,所以隐藏的全屏按钮.在vtourskin.xml中找到修改一下代码

copy(layer[skin_btn_fs].visible, show_fsbutton);
copy(layer[skin_btn_fs].x, rpos);
if(show_fsbutton, inc(rpos,40);copy(layer[skin_btn_sound].x,rpos);
  copy(layer[skin_btn_sound].x, rpos);
  );

完结