perf: 新增配置字段控制流媒体播放协议

@@ -34,6 +34,9 @@ VITE_GLOB_LARGE_DESIGNER = /large-designer
 # Content Security Policy
 VITE_GLOB_CONTENT_SECURITY_POLICY = false
 
+# Streaming media content security protocol
+VITE_GLOB_STREAM_MEDIA_CONTENT_SECURITY_PROTOCOL = true
+
 # Alarm Notify Polling Interval Time
 VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME = 500000
 

@@ -46,6 +46,9 @@ VITE_GLOB_LARGE_DESIGNER = /large-designer
 # Content Security Policy
 VITE_GLOB_CONTENT_SECURITY_POLICY = false
 
+# Streaming media content security protocol
+VITE_GLOB_STREAM_MEDIA_CONTENT_SECURITY_PROTOCOL = false
+
 # Alarm Notify Polling Interval Time
 VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME = 60000
 

@@ -10,6 +10,30 @@ import { getConfigFileName } from '../getConfigFileName';
 
 import pkg from '../../package.json';
 
+const stringToJSONParse = (string: string) => {
+  try {
+    return JSON.parse(string);
+  } catch (error) {
+    return string;
+  }
+};
+
+export function parseEnv(env: Record<string, string>) {
+  const res: Record<string, string> = {};
+
+  Object.keys(env).forEach((key) => {
+    try {
+      const value = env[key];
+      res[key] = stringToJSONParse(value);
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.log(`env variable ${key} can't serialization!`);
+    }
+  });
+
+  return res;
+}
+
 function createConfig(
   {
     configName,
@@ -20,7 +44,7 @@ function createConfig(
   try {
     const windowConf = `window.${configName}`;
     // Ensure that the variable will not be modified
-    const configStr = `${windowConf}=${JSON.stringify(config)};
+    const configStr = `${windowConf}=${JSON.stringify(parseEnv(config))};
       Object.freeze(${windowConf});
       Object.defineProperty(window, "${configName}", {
         configurable: false,
@@ -30,9 +54,12 @@ function createConfig(
     fs.mkdirp(getRootPath(OUTPUT_DIR));
     writeFileSync(getRootPath(`${OUTPUT_DIR}/${configFileName}`), configStr);
 
+    // eslint-disable-next-line no-console
     console.log(chalk.cyan(`✨ [${pkg.name}]`) + ` - configuration file is build successfully:`);
+    // eslint-disable-next-line no-console
     console.log(chalk.gray(OUTPUT_DIR + '/' + chalk.green(configFileName)) + '\n');
   } catch (error) {
+    // eslint-disable-next-line no-console
     console.log(chalk.red('configuration file configuration file failed to package:\n' + error));
   }
 }

@@ -18,6 +18,7 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
     VITE_GLOB_LARGE_DESIGNER,
     VITE_GLOB_DISABLED_TASK_CENTER_EXECUTE_INTERVAL_UNIT_SECOND,
     VITE_GLOB_SOFTWARE_VERSION_NUMBER,
+    VITE_GLOB_STREAM_MEDIA_CONTENT_SECURITY_PROTOCOL,
   } = getAppEnvConfig();
 
   if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
@@ -36,12 +37,14 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
     configurationPrefix: VITE_GLOB_CONFIGURATION,
     largeDesignerPrefix: VITE_GLOB_LARGE_DESIGNER,
     socketUrl: VITE_GLOB_WEB_SOCKET,
-    securityPolicy: VITE_GLOB_CONTENT_SECURITY_POLICY,
-    alarmNotifyDuration: VITE_GLOB_ALARM_NOTIFY_DURATION,
-    alarmPollingInterval: VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME,
+    securityPolicy: VITE_GLOB_CONTENT_SECURITY_POLICY as unknown as boolean,
+    alarmNotifyDuration: VITE_GLOB_ALARM_NOTIFY_DURATION as unknown as number,
+    alarmPollingInterval: VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME as unknown as number,
     disabledTaskCenterExecuteIntervalUnitSecond:
-      VITE_GLOB_DISABLED_TASK_CENTER_EXECUTE_INTERVAL_UNIT_SECOND,
+      VITE_GLOB_DISABLED_TASK_CENTER_EXECUTE_INTERVAL_UNIT_SECOND as unknown as boolean,
     softwareVersionNumber: VITE_GLOB_SOFTWARE_VERSION_NUMBER,
+    streamMediaContentSecurityProtocol:
+      VITE_GLOB_STREAM_MEDIA_CONTENT_SECURITY_PROTOCOL as unknown as boolean,
   };
   return glob as Readonly<GlobConfig>;
 };

@@ -4,7 +4,7 @@ let initialFlag = false;
 export function useWebSecurityPolicy() {
   if (window && window.document && window.document.documentElement) {
     const { securityPolicy } = useGlobSetting();
-    if (securityPolicy === 'true' && !initialFlag) {
+    if (securityPolicy && !initialFlag) {
       const meta = document.createElement('meta');
       meta.setAttribute('http-equiv', 'Content-Security-Policy');
       meta.setAttribute('content', 'upgrade-insecure-requests');

@@ -14,13 +14,38 @@ export function getStorageShortName() {
   return `${getCommonStoragePrefix()}${`__${pkg.version}`}__`.toUpperCase();
 }
 
+const stringToJSONParse = (string: string) => {
+  try {
+    return JSON.parse(string);
+  } catch (error) {
+    return string;
+  }
+};
+
+export function parseEnv(env: Record<string, string>) {
+  const res: Record<string, string> = {};
+
+  Object.keys(env).forEach((key) => {
+    try {
+      const value = env[key];
+      res[key] = stringToJSONParse(value);
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.log(`env variable ${key} can't serialization!`);
+    }
+  });
+
+  return res;
+}
+
 export function getAppEnvConfig() {
   const ENV_NAME = getConfigFileName(import.meta.env);
 
   const ENV = (import.meta.env.DEV
     ? // Get the global configuration (the configuration will be extracted independently when packaging)
-      (import.meta.env as unknown as GlobEnvConfig)
+      (parseEnv(import.meta.env as Record<string, string>) as unknown as GlobEnvConfig)
     : window[ENV_NAME as any]) as unknown as GlobEnvConfig;
+
   const {
     VITE_GLOB_APP_TITLE,
     VITE_GLOB_API_URL,
@@ -35,6 +60,7 @@ export function getAppEnvConfig() {
     VITE_GLOB_LARGE_DESIGNER,
     VITE_GLOB_DISABLED_TASK_CENTER_EXECUTE_INTERVAL_UNIT_SECOND,
     VITE_GLOB_SOFTWARE_VERSION_NUMBER,
+    VITE_GLOB_STREAM_MEDIA_CONTENT_SECURITY_PROTOCOL,
   } = ENV;
 
   if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
@@ -57,6 +83,7 @@ export function getAppEnvConfig() {
     VITE_GLOB_LARGE_DESIGNER,
     VITE_GLOB_DISABLED_TASK_CENTER_EXECUTE_INTERVAL_UNIT_SECOND,
     VITE_GLOB_SOFTWARE_VERSION_NUMBER,
+    VITE_GLOB_STREAM_MEDIA_CONTENT_SECURITY_PROTOCOL,
   };
 }
 

@@ -25,8 +25,6 @@ import { useFingerprint } from '/@/utils/useFingerprint';
 import { getVideoControlStart } from '/@/api/device/videoChannel';
 import { StreamType as PlayerStreamType } from '/@/components/Video/src/types';
 import { useGlobSetting } from '/@/hooks/setting';
-import { BooleanStringEnum } from '/@/enums/toolEnum';
-import { isBoolean } from '/@/utils/is';
 
 interface FileItem {
   uid: string;
@@ -645,11 +643,9 @@ export async function getPlayUrl(
   } else if (accessMode === AccessMode.GBT28181) {
     const { deviceId, channelNo } = params?.params || {};
     const result = await getVideoControlStart({ channelId: channelNo!, deviceId: deviceId! });
-    const { securityPolicy } = useGlobSetting();
+    const { streamMediaContentSecurityProtocol } = useGlobSetting();
     return {
-      url: (isBoolean(securityPolicy) ? securityPolicy : securityPolicy === BooleanStringEnum.TRUE)
-        ? result.data.https_flv
-        : result.data.flv,
+      url: !!streamMediaContentSecurityProtocol ? result.data.https_flv : result.data.flv,
       type: 'flv',
     };
   } else {

@@ -59,8 +59,6 @@
   import { Authority } from '/@/components/Authority';
   import { VideoChannelItemType } from '/@/api/device/model/videoChannelModel';
   import { useGlobSetting } from '/@/hooks/setting';
-  import { BooleanStringEnum } from '/@/enums/toolEnum';
-  import { isBoolean } from '/@/utils/is';
 
   const props = defineProps<{ deviceDetail: DeviceRecord }>();
 
@@ -112,14 +110,10 @@
         getPlayUrl: async () => {
           const { deviceId, channelId } = record;
           const result = await getVideoControlStart({ deviceId, channelId });
-          const { securityPolicy } = useGlobSetting();
+          const { streamMediaContentSecurityProtocol } = useGlobSetting();
           return {
             type: 'flv',
-            url: (
-              isBoolean(securityPolicy) ? securityPolicy : securityPolicy === BooleanStringEnum.TRUE
-            )
-              ? result.data.https_flv
-              : result.data.flv,
+            url: !!streamMediaContentSecurityProtocol ? result.data.https_flv : result.data.flv,
           };
         },
       } as VideoCancelModalParamsType,

@@ -153,13 +153,15 @@ export interface GlobConfig {
   // socket url
   socketUrl: string;
   // alarm notify alarm duration
-  alarmNotifyDuration: string;
+  alarmNotifyDuration: number;
   // alarm notify polling interval
-  alarmPollingInterval: string;
+  alarmPollingInterval: number;
   // upgrade your http policy to https
-  securityPolicy: string;
+  securityPolicy: boolean;
+  // Streaming media content security protocol
+  streamMediaContentSecurityProtocol: boolean;
   // Should Disabled Task Center Execute Interval Unit (Second)
-  disabledTaskCenterExecuteIntervalUnitSecond: string;
+  disabledTaskCenterExecuteIntervalUnitSecond: boolean;
   // Software version number
   softwareVersionNumber: string;
 }
@@ -182,6 +184,8 @@ export interface GlobEnvConfig {
   VITE_GLOB_WEB_SOCKET: string;
   // force transform http to https
   VITE_GLOB_CONTENT_SECURITY_POLICY: string;
+  // Streaming media content security protocol
+  VITE_GLOB_STREAM_MEDIA_CONTENT_SECURITY_PROTOCOL: string;
   // notify polling interval time
   VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME: string;
   // notify duration