0428

public/showMobile.html

@@ -33,8 +33,6 @@
     <!-- built files will be auto injected -->
     <script src="<%= VUE_APP_STATIC_DIR %>/lib/jquery-2.1.1.min.js"></script>
     <script src="<%= VUE_APP_STATIC_DIR %>/lib/krpano/js/tour.js"></script>
-    <script src="<%= VUE_APP_STATIC_DIR %>/lib/events.js"></script>
-    <script src="<%= VUE_APP_STATIC_DIR %>/lib/howler.min.js"></script>
     <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 
 <!-- 

src/framework/showMobile/iframe.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ifrcon">
-    <Header :bgmUrl="tempBgm" :params="params" />
+    <Header :bgmUrl="tempBgm" @toggleBGM="handleBGM" :bgmstatus="bgmstatus" :params="params" />
     <iframe allowfullscreen="true" ref="iframe" id="showifr" :src="url" frameborder="0" @load="onIframLoad"></iframe>
   </div>
 </template>
@@ -14,7 +14,8 @@ export default {
   components:{Header},
   data(){
     return {
-      params:''
+      params:'',
+      bgmstatus: false
     }
   },
   computed:{
@@ -39,7 +40,6 @@ export default {
             ||e.data.params.url.indexOf('https://test.4dkankan.com/spc.html?')>-1
             ||e.data.params.url.indexOf('https://test.4dkankan.com/smobile.html?')>-1) {
               let m = browser.urlHasValueFromUrl('m',e.data.params.url)
-              console.log(m);
               this.$emit('changeUrl',m)
             } else{
               this.$emit('otherUrl',e.data.params.url)
@@ -47,11 +47,17 @@ export default {
 
         }
 
-        // if (e.data.event == "guide-status") {
-        // }
+
+
 
         if (e.data.event == "action") {
           this.$bus.emit('currentMode',e.data.params)
+          
+          if (e.data.params.type == "playMusic") {
+            console.log(e.data.params.data.status,'e.data');
+            this.bgmstatus = e.data.params.data.status
+            
+          }
         }
 
         if (e.data.event == "loaded") {
@@ -60,9 +66,27 @@ export default {
               source: "mingyuan",
               event: 'guide-rooms'
           },"*")
+
+          this.$refs.iframe.contentWindow.postMessage({
+              source : "mingyuan",
+              event:"settings",
+              params:{
+                  playMusic:true
+              }
+          },"*")
         }
 
       }
+    },
+    handleBGM(status){
+
+       this.$refs.iframe.contentWindow.postMessage({
+            source : "mingyuan",
+            event:"settings",
+            params:{
+                playMusic:status
+            }
+        },"*")
     }
   }
 }

src/framework/showMobile/index.vue

@@ -88,7 +88,6 @@ import { mapGetters } from "vuex";
 import vAudio from "@/components/audio";
 
 import list from "./list";
-import { backgroundMusicPlayer } from "../../utils/sounds";
 
 let __krfn = krfn.default;
 
@@ -387,10 +386,8 @@ export default {
             removepano("#pano");
             $("#pano").empty();
             this.getSceneInfomation();
-
             return;
           } else {
-            backgroundMusicPlayer.remove();
             this.bgmUrl = "";
           }
           removepano("#pano");

src/framework/showMobile/ui/Show.Header.vue

@@ -113,17 +113,16 @@
   </div>
 </template>
 <script>
-import { backgroundMusicPlayer } from "../../../utils/sounds";
 
 export default {
-  props: [ "description", "params", "bgmUrl"],
+  props: [ "description", "params", "bgmUrl","bgmstatus"],
   data() {
     return {
       showDescription: false,
       showMore: false,
       shareURL: "",
       isVR: false,
-      isMusicPlaying: false,
+      isMusicPlaying: this.bgmstatus,
     };
   },
 
@@ -131,11 +130,7 @@ export default {
     onMenuClick(name) {
       this.$nextTick(() => {
         if (name == "music") {
-          if (this.isMusicPlaying) {
-            backgroundMusicPlayer.pause();
-          } else {
-            backgroundMusicPlayer.play();
-          }
+          this.isMusicPlaying = !this.isMusicPlaying
         }
       });
     },
@@ -172,21 +167,19 @@ export default {
   watch: {
     bgmUrl(newVal) {
       if (newVal) {
-        console.log(newVal,'newVal');
-        backgroundMusicPlayer.setSRC(newVal);
-        backgroundMusicPlayer.play();
+        this.isMusicPlaying = true
       }
     },
+    isMusicPlaying(newVal){
+      this.$emit('toggleBGM',newVal)
+    },
+    bgmstatus(newVal){
+      this.isMusicPlaying = newVal
+    }
   },
 
   mounted() {
-    backgroundMusicPlayer.on("play", () => {
-      this.isMusicPlaying = true;
-    });
-
-    backgroundMusicPlayer.on("off", () => {
-      this.isMusicPlaying = false;
-    });
+   
   },
 };
 </script>