Web实时显示海康视频

<template>
    <div class="video-content">
        <video id='video'  autoplay controls muted preload='auto'></video>
    </div>
</template>
<script> 
    import './webrtcstreamer.js';
    export default {
        components: {},
        data() {
            return {
                webRtcServer: null
            }
        },
        mounted() {
            /**
             * 页面加载时加载视频画面
             * video. 绑定的控件节点id
             * http. 启动webrtc-streamer的设备IP 如 http://192.168.1.1
             */
            this.webRtcServer = new WebRtcStreamer("video", http);
            //需要查看的rtsp地址
            this.webRtcServer.connect("rtsp://xxxxxxxx");
        },
        //页面退出时销毁
        destroyed() {
            this.webRtcServer.disconnect();
        }
    }
</script>