Merge branch 'dev_trial' of

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

@@ -140,7 +140,7 @@ const VideoOperation = ({
                                           src={`/assets/images/background/video-icon-${p.key}-${operationState[p.key].select ? 'select' : 'unselect'}.png`}
                                           height={18}
                                           style={{ marginRight: 24, cursor: 'pointer' }}
-                                          onClick={(e) => { p.click(e) }}
+                                          onClick={(e) => { p.click() }}
                                        />
                                     }) : ''
                               }

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

@@ -27,7 +27,8 @@ const videoOperationHistroyProcess = ({ processDisX, setProcessDisX, histroyTime
             <div
                style={{
                   height: 9, width: 9, borderRadius: '100%', backgroundColor: '#fff',
-                  position: 'relative', top: -6.5, cursor: 'pointer',
+                  position: 'relative', top: -25, cursor: 'pointer',
+                  display: 'inline-block'
                }}
                id='process_point'
                className="video_process_but"
@@ -71,13 +72,13 @@ const videoOperationHistroyProcess = ({ processDisX, setProcessDisX, histroyTime
                   className={"video_process_time"}
                   style={{
                      backgroundColor: '#0000007F', position: 'absolute',
-                     top: -32, height: 24, lineHeight: '24px', textAlign: 'center', width: 94,
+                     top: -50, height: 46, lineHeight: '24px', textAlign: 'center', width: 94,
                      left:
-                        processDisX < 38 ?
+                        processDisX < 42 ?
                            -processDisX :
-                           processDisX + 38 > pointParentWidthRef.current - 4.5 ?
-                              -38 - (38 - (pointParentWidthRef.current - 4.5 - processDisX)) :
-                              -38
+                           processDisX + 42 > pointParentWidthRef.current - 4.5 ?
+                              -42 - (42 - (pointParentWidthRef.current - 4.5 - processDisX)) :
+                              -42
                      ,
                   }}>
                   {

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

@@ -195,21 +195,22 @@ const VideoPlay = ({ dispatch, actions,
       key: 'talk',
       hide: !(videoObj.type == 'yingshi'),
       click: (e) => {
-         console.log(e);
          changeSelectState('talk')
       }
    }, {
       key: 'fullScreen',
-      click: () => {
+      click: (fullNoChange = false) => {
          changeSelectState('fullScreen')
          let videoplay = document.getElementById("vcmp_videoplay" + videoObj.id)
          if (screenfull.isEnabled) {
+            if (!fullNoChange) {
                screenfull.toggle(videoplay);
-            if (videoObj?.type == 'yingshi' && player) {
+            }
+            if (videoObj?.type == 'yingshi' && (player || yingshiPlayer.current)) {
                if (operationRef.current?.fullScreen.select) {
-                  player.reSize(screen.width, screen.height);
+                  (player || yingshiPlayer.current).reSize(screen.width, screen.height);
                } else {
-                  player.reSize(size?.width, size?.height);
+                  (player || yingshiPlayer.current).reSize(size?.width, size?.height);
                }
             }
 
@@ -248,20 +249,33 @@ const VideoPlay = ({ dispatch, actions,
 
       // 全屏状态监听
       screenfull.on('change', (e) => {
+         let curFullElement = screenfull.element
+         if (curFullElement && curFullElement.id == 'vcmp_videoplay' + videoObj.id) {
             if (e?.path[0]?.id?.includes("vcmp_videoplay")) {
                if (screenfull.isFullscreen && operationRef.current && !operationRef.current['fullScreen'].select) {
                   changeSelectState('fullScreen')
                }
                if (!screenfull.isFullscreen && operationRef.current && operationRef.current['fullScreen'].select) {
                   changeSelectState('fullScreen')
-               console.log(yingshiPlayer.current);
                   if (yingshiPlayer.current) {
                      console.log(45648641);
                      // yingshiPlayer.current.reSize(size?.width, size?.height);
                   }
                }
             }
+         } else {
+            setTimeout(() => {
+               if (operationRef.current.fullScreen.select) {
+                  operation.find(cf => cf.key == 'fullScreen').click(true)
+               }
+            }, 0)
+         }
       });
+
+      document.onkeydown = (e) => {
+         console.log(e.key);
+      }
+
       // const resize_ = () => {
       //     const VideoLocal = document.getElementById('vcmp_videoplay')
       //     setSize({ parentWidth: VideoLocal?.clientWidth, parentHeight: VideoLocal?.clientHeight, width: VideoLocal?.clientWidth, height: VideoLocal?.clientHeight })
@@ -270,6 +284,7 @@ const VideoPlay = ({ dispatch, actions,
       // if (local) {
       //     window.addEventListener('resize', resize_);  //只要窗口殴大小发生像素变化就会触发
       // }
+
       return () => {
          if (jessibuca) {
             jessibuca.destroy()

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

@@ -5,7 +5,6 @@ import { Col, Row, } from "@douyinfe/semi-ui";
 import { IconReply } from '@douyinfe/semi-icons';
 import TextScroll from '../textScroll'
 import './videoPlay.less';
-import { log } from "ezuikit-js";
 
 const timeFormat = 'YYYY-MM-DD HH:mm:ss'
 
@@ -54,20 +53,41 @@ const VideoHeader = ({ operationState, changeSelectState, setProcessDisX, name,
       updateTime()
    }, [showTime])
 
+   const goBack = () => {
+      changeSelectState('histroy')
+      if (playState) {
+         player.stop().then(() => {
+            if (resolution == 'sd') {
+               player.play({ url: videoObj?.playUrlSd, })
+            } else {
+               player.play({ url: videoObj?.playUrlHd, })
+            }
+            playState = false
+         })
+      } else {
+         player.play({ url: resolution == 'sd' ? videoObj?.playUrlSd : videoObj?.playUrlHd, })
+      }
+   }
+
    const vcmp_videoplay = document.getElementById("vcmp_videoplay" + videoObj.id)?.clientHeight
    const vcmp_videopla = document.getElementById('vcmp_videoplay' + videoObj.id)?.clientWidth
 
    return (
       <div>
-         {roll && vcmp_videopla > 320 ?
          <div style={{
-               height: '12%', lineHeight: `${vcmp_videoplay * 0.12 > 42 ? 42 : vcmp_videoplay * 0.12 < 30 ? 30 : vcmp_videoplay * 0.12}px`, background: videoStyle == 'true' ? content.length > 0 ? '#467ACD' : "" : '#000000FF', maxHeight: 42, minHeight: 30,
+            height: '12%',
+            lineHeight: `${vcmp_videoplay * 0.12 > 42 ? 42 : vcmp_videoplay * 0.12 < 30 ? 30 : vcmp_videoplay * 0.12}px`,
+            background:
+               roll && vcmp_videopla > 320 ? 'opacity' :
+                  videoStyle == 'true' ? content.length > 0 ? '#467ACD' : "" : '#000000FF',
+            maxHeight: 42,
+            minHeight: 30,
             position: 'absolute', width: '100%', zIndex: 80,
             color: '#fff'
          }}>
             <Row>
-                  <Col span={videoStyle == 'true' ? 0 : 9} style={{
-                     backgroundImage: 'url(/assets/images/background/videoPlayBg.png)',
+               <Col span={histroyTime.length ? videoStyle == 'true' ? 3 : 9 : 0} style={{
+                  backgroundImage: content && content?.length > 0 ? 'url(/assets/images/background/videoPlayBg.png)' : '',
                   backgroundSize: '100% 100%',
                   backgroundRepeat: 'no-repeat',
                   padding: '0 12px'
@@ -75,33 +95,21 @@ const VideoHeader = ({ operationState, changeSelectState, setProcessDisX, name,
                   {
                      operationState && operationState.histroy.select ?
                         <>
-                              <IconReply style={{ marginRight: 12, cursor: 'pointer' }} onClick={() => {
-                                 changeSelectState('histroy')
-                                 if (playState) {
-                                    videoFront = new moment(); //验证前时间
-                                    player.stop().then(() => {
-                                       if (resolution == 'sd') {
-                                          player.play({ url: videoObj?.playUrlSd, })
-                                       } else {
-                                          player.play({ url: videoObj?.playUrlHd, })
-                                       }
-                                       playState = false
-                                    })
-                                 } else {
-                                    player.play({ url: resolution == 'sd' ? videoObj?.playUrlSd : videoObj?.playUrlHd, })
-                                 }
-                              }} />
+                           <IconReply style={{ marginRight: 12, cursor: 'pointer' }} onClick={goBack} />
                         </> : ''
                   }
-                     {showTime_} {name}
+                  {
+                     videoStyle == 'true' ?
+                        '' : `${showTime_} ${name || ''}`
+                  }
                </Col>
-                  <Col span={videoStyle == 'true' ? 24 : 15} style={{}}>
+               <Col span={histroyTime.length ? videoStyle == 'true' ? 21 : 15 : 24} style={{}}>
                   <div style={{ paddingRight: 12 }}>
                      {content && content?.length > 0 ? <TextScroll content={content || []} duration={6} videoObj={videoObj} /> : ""}
                   </div>
                </Col>
             </Row>
-            </div> : ''}
+         </div>
       </div>
    )
 }