视频颜色

code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.jsx

@@ -65,7 +65,6 @@ const VideoPlay = ({
     iotVideoServer,
     local, //是否本地调用视频
 }) => {
-    console.log(sizeWh);
     const [jessibuca, setjessibuca] = useState(null)
     const [player, setPlayer] = useState(null)
     const [isPlaying, setIsPlaying] = useState(false)
@@ -264,7 +263,6 @@ const VideoPlay = ({
                         // setYingshiPrepare('play')
                     }
                 }, 300)
-
                 player.stop().then(() => {
                     player.play({ url: `${videoObj.replayUrl}?begin=${moment(Begain.current).format("YYYYMMDDHHmmss")}&end=${moment(playBackTime.current[1]).format("YYYYMMDDHHmmss")}` })
                     playState.current = false
@@ -273,7 +271,6 @@ const VideoPlay = ({
                 // 随播放时间变化更新进度条
                 document.getElementById('process_point').style.left = processDisX - 4.5 + 'px'
             }
-
         }
     }, [processDisX])
 
@@ -371,17 +368,17 @@ const VideoPlay = ({
         }
     }
 
-    useEffect(() => {
-        if (!operationRef.current?.fullScreen.select) {
-            setSize({ parentWidth: sizeWh?.parentWidth, parentHeight: sizeWh?.parentHeight, width: width || sizeWh?.parentWidth, height: height || sizeWh?.parentHeight })
-            if (videoObj.type == 'yingshi' && player && IsSize == !'true') {
+    useEffect(async () => {
+        if (!operationRef.current?.fullScreen.select && player) {
+            if (videoObj.type == 'yingshi' && IsSize == 'true') {
+
+            } else {
                 console.log(11111111111);
-                player.stop().then(() => {
-                    player.play().then(() => {
+                console.log(sizeWh);
+
+                await setSize({ parentWidth: sizeWh?.parentWidth, parentHeight: sizeWh?.parentHeight, width: width || sizeWh?.parentWidth, height: height || sizeWh?.parentHeight })
                 player.reSize(width || sizeWh?.parentWidth, height || sizeWh?.parentHeight)
-                    })
 
-                })
 
             }
         }
@@ -449,7 +446,7 @@ const VideoPlay = ({
                         // />
                     }
                     <div id={containerId} style={{ height: '100%', width: '100%', }}></div>
-                    {videoMask ? <div style={{ height: size?.height || '100%', width: size?.width || '100%', minWidth: 400, minHeight: 225, overflow: 'hidden', position: 'absolute', top: '0', left: '0', zIndex: 99, backgroundColor: 'red' }}>hhktyjr6tyr5</div> : ''}
+                    {videoMask ? <div style={{ height: size?.height || '100%', width: size?.width || '100%', minWidth: 400, minHeight: 225, overflow: 'hidden', position: 'absolute', top: '0', left: '0', zIndex: 99, backgroundColor: 'rgba(255,255,255,0.65)' }}>hhktyjr6tyr5</div> : ''}
 
 
                     {/* 下方操作栏 */}

code/VideoAccess-VCMP/web/package.json

@@ -7,7 +7,7 @@
       "test": "mocha",
       "start-vite": "cross-env NODE_ENV=developmentVite npm run start-params",
       "start": "cross-env NODE_ENV=development npm run start-params",
-      "start-params": "node server -p 5000 -u http://10.8.30.24:4000 --apiVcmpUrl http://localhost:4000 --apiAuthUrl http://10.8.30.24:4200 --apiAnxinyunUrl http://10.8.30.24:4100  --iotAuthWeb http://localhost:5200 --iotVideoServer ws://221.230.55.27:8081",
+      "start-params": "node server -p 5000 -u http://10.8.30.34:4000 --apiVcmpUrl http://localhost:4000 --apiAuthUrl http://10.8.30.34:4200 --apiAnxinyunUrl http://10.8.30.34:4100  --iotAuthWeb http://localhost:5200 --iotVideoServer ws://221.230.55.27:8081",
       "deploy": "export NODE_ENV=production&& npm run build && node server",
       "build-dev": "cross-env NODE_ENV=development&&webpack --config webpack.config.js",
       "build": "export NODE_ENV=production&&webpack --config webpack.config.prod.js"