mt-fe-group/xuchang-new
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update videos

Browse Source
This commit is contained in:
lb 2024-04-25 10:01:25 +08:00
parent 61477cdd30
commit 7ddae1b3a4
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Common/VideoMonitor/index.jsx
View File

@ -7,10 +7,30 @@ function VideoMonitor(props) {
<h2>泡界线监控</h2> <h2>泡界线监控</h2>
<div className="video-container"> <div className="video-container">
<div> <div>
<video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"></video> {/* <video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"></video> */}
<img
style={{
width: "100%",
height: "100%",
display: "block",
margin: "auto",
backgrounColor: "hsl(0, 0%, 25%)",
}}
src="http://10.70.180.10:8001/video_feed"
></img>
</div> </div>
<div> <div>
<video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4"></video> {/* <video muted autoPlay loop src="https://storage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4"></video> */}
<img
style={{
width: "100%",
height: "100%",
display: "block",
margin: "auto",
backgrounColor: "hsl(0, 0%, 25%)",
}}
src="http://10.70.180.10:8000/video_feed"
></img>
</div> </div>
</div> </div>
</div> </div>

1
src/components/Common/VideoMonitor/video-monitor.css
View File

@ -21,6 +21,7 @@
display: flex; display: flex;
gap: 8px; gap: 8px;
flex: 1; flex: 1;
max-height: 150px;
} }
.video-container > div { .video-container > div {