videoChat-app/index.ejs at main · NewCodeo/videoChat-app · 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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <title>Video App</title>
    <style media="screen">
      *{
        margin: 0;
      }
      #videoDiv{
        display: grid;
        grid-gap: 10px;
        height:80%;
        position: relative;
        grid-template-columns: repeat(auto-fill, 300px);
        grid-auto-rows: 300px;
      }
      #footer{
        width: 100%;
        height: 50px;
        background-color: white;
        display: flex;
        justify-content:center;
        flex:1;
        border-bottom: 1px solid grey;
        margin-top: 10px;
      }
      button{
        height: 30px;
        width: 80px;
        margin-top: 10px;
        text-align: center;
        border-radius: 10px;
        outline: none;
        border:none;
        text-decoration: none;
        background-color:red;
        cursor: pointer;
      }
      video {
        width: 100%;
        height: 100%;
        object-fit:cover;
        border:2px solid white;
      }
    </style>
    <script type="text/javascript">
      var roomID = "<%= RoomId %>"
    </script>
    <script src="https://unpkg.com/peerjs@1.3.1/dist/peerjs.min.js" defer></script>
    <script src="socket.io/socket.io.js" defer></script>
    <script src="index.js" charset="utf-8" defer></script>
  </head>
  <body>
    this is video!!!!
    <div id="videoDiv">

    </div>
  </body>
</html>