SHARE
TWEET

Untitled

a guest Oct 17th, 2019 95 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.  
  3.    <head>
  4.       <title>WebRTC Video Demo</title>
  5.       <link rel = "stylesheet" href = "node_modules/bootstrap/dist/css/bootstrap.min.css"/>
  6.    </head>
  7.    
  8.    <style>
  9.    
  10.       body {
  11.          background: #eee;
  12.          padding: 5% 0;
  13.       }
  14.        
  15.       video {
  16.          background: black;
  17.          border: 1px solid gray;
  18.       }
  19.        
  20.       .call-page {
  21.          position: relative;
  22.          display: block;
  23.          margin: 0 auto;
  24.          width: 500px;
  25.          height: 500px;
  26.       }
  27.        
  28.       #localVideo {
  29.          width: 150px;
  30.          height: 150px;
  31.          position: absolute;
  32.          top: 15px;
  33.          right: 15px;
  34.       }
  35.        
  36.       #remoteVideo {
  37.          width: 500px;
  38.          height: 500px;
  39.       }
  40.        
  41.    </style>
  42.    
  43.    <body>
  44.    
  45.    <div id = "loginPage" class = "container text-center">
  46.    
  47.       <div class = "row">
  48.          <div class = "col-md-4 col-md-offset-4">
  49.            
  50.             <h2>WebRTC Video Demo. Please sign in</h2>
  51.             <label for = "usernameInput" class = "sr-only">Login</label>
  52.             <input type = "email" id = "usernameInput" c
  53.                lass = "form-control formgroup" placeholder = "Login"
  54.                required = "" autofocus = "">
  55.             <button id = "loginBtn" class = "btn btn-lg btn-primary btnblock">
  56.                Sign in</button>
  57.                
  58.          </div>
  59.       </div>
  60.        
  61.    </div>
  62.    
  63.    <div id = "callPage" class = "call-page">
  64.       <video id = "localVideo" muted autoplay></video>
  65.       <video id = "remoteVideo" autoplay></video>
  66.        
  67.       <div class = "row text-center">
  68.          <div class = "col-md-12">
  69.             <input id = "callToUsernameInput" type = "text"
  70.                placeholder = "username to call" />
  71.             <button id = "callBtn" class = "btn-success btn">Call</button>
  72.             <button id = "hangUpBtn" onclick="this.style.display='none'" class = "btn-danger btn">Hang Up</button>
  73.          </div>
  74.       </div>
  75.        
  76.    </div>
  77.    
  78.    <script src = "client.js"></script>
  79.    
  80.    </body>
  81.    
  82. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top