feat: 视频组件实现flv协议播放

@@ -39,6 +39,8 @@
   let loadScriptList = [
     { path: './js/plugin/echarts/echarts.js' },
     { path: './js/plugin/video/video.min.js' },
+    { path: './js/plugin/video/flv.min.js' },
+    { path: './js/plugin/video/videojs-flvjs.min.js' },
     { path: './js/plugin/ace/ace.js' },
   ]
 

@@ -15762,16 +15762,44 @@ class HandleDynamicEffect {
      */
     videoPlay() {
         const enumAccessMode = HandleDynamicEffect.enumVideoAccessMode
-        const reg = /(?:.*)(?<=\.)/
+
+        const VideoPlayerType = {
+            m3u8: 'application/x-mpegURL',
+            mp4: 'video/mp4',
+            webm: 'video/webm',
+            flv: 'video/x-flv',
+        }
+
+        const isRtspProtocol = (url) => {
+            const reg = /^rtsp:\/\//g;
+            return reg.test(url);
+        };
+
+        const getExt = (url = '') => {
+            const { pathname } = new URL(url);
+            const reg = /[^.]\w*$/;
+            const mathValue = pathname.match(reg) || [];
+            const ext = (mathValue[0]) || 'webm';
+            return ext
+        }
+
+        const getVideoTypeByUrl = (url) => {
+            try {
+                const ext = getExt(url)
+                const type = VideoPlayerType[ext];
+                return type ? type : VideoPlayerType.webm;
+            } catch (error) {
+                console.error(error);
+                return VideoPlayerType.webm;
+            }
+        };
+
+
         const graph = this.graph
         const createVideoTemplate = this.createVideoTemplate
         const videoPlayConfig = {
             controls: true,
             autoPlay: true,
-            // bigPlayButton: true,
-            // textTrackDisplay: false,
-            // posterImage: false,
-            // errorDisplay: false,
         }
         for (const record of this.videoRecordList) {
             const { additional = {}, nodeId } = record
@@ -15799,16 +15827,32 @@ class HandleDynamicEffect {
             const idEl = getIdEl()
             graph.getModel().beginUpdate()
             try {
-                let type
-                if (videoUrl.replace(reg, '') === 'm3u8') type = 'application/x-mpegURL'
-                const template = createVideoTemplate(idEl, width, height, videoUrl, type)
+                const isFlvUrl = getExt(videoUrl) === 'flv'
+                if (isFlvUrl) {
+
+                    videoPlayConfig = {
+                        ...videoPlayConfig,
+                        techOrder: ['html5', 'flvjs'],
+                        flvjs: {
+                            mediaDataSource: {
+                                isLive: true,
+                                cors: true,
+                                withCredentials: false,
+                            }
+                        },
+                    }
+                }
+                const template = createVideoTemplate(idEl, width, height, videoUrl, getVideoTypeByUrl(videoUrl))
                 cell.setAttribute('label', template)
                 graph.refresh(cell);
             } finally {
                 graph.getModel().endUpdate()
-                videojs(idEl, videoPlayConfig, function () {
-                    this.play()
-                })
+ 
+                setTimeout(() => {
+                    videojs(idEl, videoPlayConfig, function () {
+                        this.play()
+                    }) 
+                }, 500);
             }
         }