update code

package.json

@@ -8,7 +8,6 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@easydarwin/easywasmplayer": "^4.0.10",
     "axios": "0.24.0",
     "core-js": "^3.8.3",
     "dayjs": "^1.11.9",

public/index.html

@@ -42,6 +42,7 @@
 
 <script src="/cdn/hkplug/jsencrypt.min.js"></script>
 <script src="/cdn/hkplug/jsWebControl-1.0.0.min.js"></script>
+<script src="./easyplayer/EasyWasmPlayer.js"></script>
 
     <style type="text/css">
       #webpack-dev-server-client-overlay{display: none;}

src/pages/projectVideo.vue

@@ -93,25 +93,37 @@
                                 </div>
                                 <div class="video-enlarge-content">
                                     <div class="videoView" v-if="showVideoView0">
+                                        <div id="vd01" ></div>
+                                        <!--
                                         <H265Player :url="url0" @on-error="handleOnError0" />
+                                        -->
                                     </div>
                                     <div class="videoView videoViewError" v-if="showVideoView0 == false">
                                         设备0通道链接失败！请及时检查！
                                     </div>
                                     <div class="videoView" v-if="showVideoView1">
+                                        <!--
                                         <H265Player :url="url1" @on-error="handleOnError1" />
+                                        -->
+                                        <div id="vd02" ></div>
                                     </div>
                                     <div class="videoView videoViewError" v-if="showVideoView1 == false">
                                         设备1通道链接失败！请及时检查！
                                     </div>
                                     <div class="videoView" v-if="showVideoView2">
+                                        <!--
                                         <H265Player :url="url2" @on-error="handleOnError2" />
+                                        -->
+                                        <div id="vd03" ></div>
                                     </div>
                                     <div class="videoView videoViewError" v-if="showVideoView2 == false">
                                         设备2通道链接失败！请及时检查！
                                     </div>
                                     <div class="videoView" v-if="showVideoView3">
+                                        <!--
                                         <H265Player :url="url3" @on-error="handleOnError3" />
+                                        -->
+                                        <div id="vd04" ></div>
                                     </div>
                                     <div class="videoView videoViewError" v-if="showVideoView3 == false">
                                         设备3通道链接失败！请及时检查！
@@ -268,7 +280,7 @@ export default {
             dept:null,
             videoPassageList:[],
             projectInfos:[],
-
+            players:[]
         }
     },
     mounted() {
@@ -287,6 +299,16 @@ export default {
         if(this.$root.hasInitHeader){
             this.initMe();
         }
+        this.$nextTick(()=>{
+            for(let i=1;i<=4;i++){
+                let player = new WasmPlayer(null, 'vd0'+i, null,{
+                    Height:true
+                })
+                this.players.push(player);
+           }
+           console.log(">>>>>>",this.players)
+        });
+
     },
     created() {
         this.init()
@@ -1438,15 +1460,20 @@ export default {
             data.forEach((it, idx) => {
             if (idx == 0) {
                 that.url0 = url.replace("{{passage}}", it.passageValue);
+                that.url0="http://111.21.209.230:7086/live/cameraid/1000030$2/substream/2.m3u8";
+                that.players[0].play(that.url0,1);
             }
             if (idx == 1) {
                 that.url1 = url.replace("{{passage}}", it.passageValue);
+                that.players[1].play(that.url1,1);
             }
             if (idx == 2) {
                 that.url2 = url.replace("{{passage}}", it.passageValue);
+                that.players[2].play(that.url2,1);
             }
             if (idx == 3) {
                 that.url3 = url.replace("{{passage}}", it.passageValue);
+                that.players[3].play(that.url3,1);
             }
             });
         });