From 143a1c3022d91b8199d4462273239549e7991e0b Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 5 Jun 2024 11:40:56 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF=E3=80=81?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=B5=81=E5=AA=92=E4=BD=93=E7=9B=B4=E6=92=AD=EF=BC=8C=E9=98=B2?=
 =?UTF-8?q?=E6=AD=A2=E9=A2=91=E7=B9=81=E5=88=87=E6=8D=A2=E7=9B=B4=E6=92=AD?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E9=80=A0=E6=88=90=E6=97=A0=E6=B3=95=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/custom-component/component-list.ts    |  4 +-
 .../de-stream-media/Component.vue             | 49 ++++++++-----------
 2 files changed, 23 insertions(+), 30 deletions(-)

diff --git a/core/core-frontend/src/custom-component/component-list.ts b/core/core-frontend/src/custom-component/component-list.ts
index 051bfd9ba0..911f774e25 100644
--- a/core/core-frontend/src/custom-component/component-list.ts
+++ b/core/core-frontend/src/custom-component/component-list.ts
@@ -16,8 +16,8 @@ export const STREAMMEDIALINKS = {
     isLive: false,
     cors: true, // 允许跨域
     loop: true,
-    autoplay: false
-    // url: null // 网络动画视频
+    autoplay: false,
+    url: null // 网络动画视频
   }
 }
 
diff --git a/core/core-frontend/src/custom-component/de-stream-media/Component.vue b/core/core-frontend/src/custom-component/de-stream-media/Component.vue
index f9fec2997d..6b11c4bde4 100644
--- a/core/core-frontend/src/custom-component/de-stream-media/Component.vue
+++ b/core/core-frontend/src/custom-component/de-stream-media/Component.vue
@@ -75,37 +75,30 @@ onMounted(() => {
   initOption()
 })
 
-watch(
-  () => element.value.streamMediaLinks,
-  () => {
-    destroyPlayer()
-    nextTick(() => {
-      state.pOption = element.value.streamMediaLinks[element.value.streamMediaLinks.videoType]
-      initOption()
-    })
-  }
-)
-
 const initOption = () => {
-  if (flvjs.isSupported() && state.pOption.url) {
-    destroyPlayer()
-    const video = currentInstance.proxy.$refs['player-' + element.value.id]
-    if (video) {
-      try {
-        state.flvPlayer = flvjs.createPlayer(state.pOption, {
-          enableWorker: false, // 不启用分离线程
-          enableStashBuffer: false, // 关闭IO隐藏缓冲区
-          isLive: state.pOption.isLive,
-          lazyLoad: false
-        })
-        state.flvPlayer.attachMediaElement(video)
-        state.flvPlayer.load()
-        state.flvPlayer.play()
-      } catch (error) {
-        console.error('flvjs err ignore', error)
+  state.pOption = element.value.streamMediaLinks[element.value.streamMediaLinks.videoType]
+  delete state.pOption.segments
+  nextTick(() => {
+    if (flvjs.isSupported() && state.pOption.url) {
+      destroyPlayer()
+      const video = currentInstance.proxy.$refs['player-' + element.value.id]
+      if (video) {
+        try {
+          state.flvPlayer = flvjs.createPlayer(state.pOption, {
+            enableWorker: false, // 不启用分离线程
+            enableStashBuffer: false, // 关闭IO隐藏缓冲区
+            isLive: state.pOption.isLive,
+            lazyLoad: false
+          })
+          state.flvPlayer.attachMediaElement(video)
+          state.flvPlayer.load()
+          state.flvPlayer.play()
+        } catch (error) {
+          console.error('flvjs err ignore', error)
+        }
       }
     }
-  }
+  })
 }
 
 const destroyPlayer = () => {