Merge branch 'local_dev_latest' into 'main_dev'

perf(src/packages/external/Informations): 单个摄像头，优化切换视频后，视频地址未更新

See merge request yunteng/thingskit-view!206

@@ -109,6 +109,7 @@ async function getSource() {
   ]
 }
 
+
 // 初始化videojs
 const initVideo = async () => {
   if (videoRef.value) {
@@ -148,12 +149,12 @@ const initVideo = async () => {
 watch(
   () => props.sourceSrc,
   async () => {
-    videoPlayer?.src('')
-    const result = await getSource()
-    if (props.autoPlay) {
-      videoPlayer?.src(result)
-      videoPlayer?.play()
-    }
+    videoPlayer?.src({
+      type: getVideoTypeByUrl(props.sourceSrc),
+      src: props.sourceSrc!
+    });
+    videoPlayer?.load();
+    videoPlayer?.play()
   },
   {
     immediate: true

 <template>
   <div>
-    <n-spin size="medium" :show="showLoading">
-      <template #description>
-        视频正在努力加载中......
-      </template>
+    <n-spin size="medium" :show="showLoading" :content-style="{ background: 'red' }">
+      <template #description> 视频正在努力加载中...... </template>
       <div>
-        <VideoPlay :baseSize="{ w, h }" :sourceSrc="option.dataset" :autoPlay="option.autoplay" :avatar="option.poster" />
+        <VideoPlay
+          :baseSize="{ w, h }"
+          :sourceSrc="option.dataset"
+          :autoPlay="option.autoplay"
+          :avatar="option.poster"
+        />
       </div>
     </n-spin>
   </div>
@@ -35,13 +38,18 @@ const option = shallowReactive({
   autoplay: configOption.autoplay
 })
 
+const loadTime = (time: number, status: boolean) => {
+  setTimeout(() => {
+    showLoading.value = status
+  }, time)
+}
+
 watch(
   () => dataset?.value,
   (newData: string) => {
+    loadTime(800, true)
     if (newData) {
-      setTimeout(() => {
-        showLoading.value = false
-      }, 2000);
+      loadTime(2000, false)
     }
     option.dataset = newData
   },