解决海康设备在实时监控模块中无法获取到通道信息

mk1990

2022-05-25 f513f5ef67409a0db26d85a95a5e3b127595aaca

 web_src/src/components/dialog/rtcPlayer.vue

@@ -11,14 +11,19 @@
    name: 'rtcPlayer',
    data() {
        return {
            webrtcPlayer: null
            webrtcPlayer: null,
            timer: null
        };
    },
    props: ['videoUrl', 'error', 'hasaudio'],
    mounted () {
      let paramUrl = decodeURIComponent(this.$route.params.url)
       this.$nextTick(() =>{
           console.log("初始化时的地址为: " + this.videoUrl)
            this.play(this.videoUrl)
         if (typeof (this.videoUrl) == "undefined") {
           this.videoUrl = paramUrl;
         }
         console.log("初始化时的地址为: " + this.videoUrl)
         this.play(this.videoUrl)
        })
    },
    watch:{
@@ -55,11 +60,11 @@
                this.eventcallbacK("OFFER ANSWER ERROR ", "offer anwser 交换失败")
                if (e.code ==-400 && e.msg=="流不存在"){
                    console.log("111111")
                    setTimeout(()=>{
                    this.timer = setTimeout(()=>{
                        this.webrtcPlayer.close();
                        this.play(url)
                    }, 100)
                    

                }
            });

@@ -68,20 +73,23 @@
                // document.getElementById('selfVideo').srcObject=s;
                this.eventcallbacK("LOCAL STREAM", "获取到了本地流")
            });
            

        },
        pause: function () {
            if (this.webrtcPlayer != null) {
                this.webrtcPlayer.close();
                this.webrtcPlayer = null;
            }
            

        },
        eventcallbacK: function(type, message) {
            console.log("player 事件回调")
            console.log(type)
            console.log(message)
        }
    },
    destroyed() {
        clearTimeout(this.timer);
    },
}
</script>
@@ -102,5 +110,5 @@
    /* .iconqingxiLOGO {
        display: none !important;
    } */
    
</style>

</style>