cctv_test/splash.html at main · jtpank/cctv_test · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
        <html>
        <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>CCTV APP</title>
          <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
        </head>
        <body>
            <div class="container">
                <h1 id="headerA" class="display-4 text-center py-1">Hi camera</h1>


				<img id="image"/>

              </div>


              <script src="https://unpkg.com/axios/dist/axios.min.js">

			  </script>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.5/socket.io.js"></script>
			<script>
				const socket = io.connect('http://192.168.4.71:3000')
				socket.on('image', (image) => {
					const imageE = document.getElementById('image')
					imageE.src = `data:image/jpg;base64,${image}`
				})
			  </script>
        </body>
        </html>