room.ejs 728 B

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Video Call</title>
  7. <script>
  8. const ROOM_ID = "<%= roomId %>"
  9. </script>
  10. <script defer src="https://unpkg.com/peerjs@1.4.7/dist/peerjs.min.js"></script>
  11. <script src="/socket.io/socket.io.js" defer></script>
  12. <script src="script.js" defer></script>
  13. <title>Document</title>
  14. <style>
  15. #video-grid {
  16. display: grid;
  17. grid-template-columns: repeat(auto-fill, 300px);
  18. grid-auto-rows: 300px;
  19. }
  20. video {
  21. width: 100%;
  22. height: 100%;
  23. object-fit: cover;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="video-grid"></div>
  29. </body>
  30. </html>