Merge branch 'perf/camera-manage' into 'main_dev'

perf: 优化手动输入流地址携带参数时无法获取视频协议类型

See merge request yunteng/thingskit-front!1292

 <script setup lang="ts">
 <script setup lang="ts">
-  import Player, { Events, IError } from 'xgplayer';
+  import Player, { Events } from 'xgplayer';
   import { FlvPlugin } from 'xgplayer-flv';
   import { FlvPlugin } from 'xgplayer-flv';
   import Mp4Plugin from 'xgplayer-mp4';
   import Mp4Plugin from 'xgplayer-mp4';
   import { HlsPlugin } from 'xgplayer-hls';
   import { HlsPlugin } from 'xgplayer-hls';
@@ -26,8 +26,16 @@
     (eventName: 'onUnmounted', player: PresetPlayer): void;
     (eventName: 'onUnmounted', player: PresetPlayer): void;
   }>();
   }>();
 
 
+  function parsePlayUrl(url: string) {
+    try {
+      return new URL(url).pathname;
+    } catch {
+      return url;
+    }
+  }
+
   function getStreamTypeByUrl(url = ''): StreamType | undefined {
   function getStreamTypeByUrl(url = ''): StreamType | undefined {
-    url = url || '';
+    url = parsePlayUrl(url) || '';
     if (url.endsWith('.m3u8')) return 'hls';
     if (url.endsWith('.m3u8')) return 'hls';
     else if (url.endsWith('.mp4')) return 'mp4';
     else if (url.endsWith('.mp4')) return 'mp4';
     else if (url.endsWith('.flv')) {
     else if (url.endsWith('.flv')) {

@@ -18,6 +18,7 @@
   import { useFingerprint } from '/@/utils/useFingerprint';
   import { useFingerprint } from '/@/utils/useFingerprint';
   import { GetResult } from '@fingerprintjs/fingerprintjs';
   import { GetResult } from '@fingerprintjs/fingerprintjs';
   import XGPlayer from '/@/components/Video/src/XGPlayer.vue';
   import XGPlayer from '/@/components/Video/src/XGPlayer.vue';
+  import { isNullOrUnDef } from '/@/utils/is';
 
 
   const props = defineProps({
   const props = defineProps({
     mode: {
     mode: {
@@ -90,7 +91,7 @@
 
 
   const { getResult } = useFingerprint();
   const { getResult } = useFingerprint();
   const beforeVideoPlay = async (record: CameraRecordItem) => {
   const beforeVideoPlay = async (record: CameraRecordItem) => {
-    if (!record.accessMode) return;
+    if (isNullOrUnDef(record.accessMode)) return;
     const { url, type } = await getPlayUrl(record);
     const { url, type } = await getPlayUrl(record);
     record.playSourceUrl = url;
     record.playSourceUrl = url;
     record.streamType = type;
     record.streamType = type;

@@ -96,6 +96,7 @@ export enum ArticulationEnumType {
   HIGH_DEFINITION = 1,
   HIGH_DEFINITION = 1,
   SMOOTH = 2,
   SMOOTH = 2,
 }
 }
+
 export enum ArticulationEnumNameType {
 export enum ArticulationEnumNameType {
   HIGH_DEFINITION = '高清',
   HIGH_DEFINITION = '高清',
   SMOOTH = '流畅',
   SMOOTH = '流畅',