david
/
dw_webrtc


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="simplewebrtc-config-url" content="https://api.simplewebrtc.com/config/guest/<%= htmlWebpackPlugin.options.environment.talky %>" />
    <title><%= htmlWebpackPlugin.options.title %></title>
    <meta name="description" content="<%= htmlWebpackPlugin.options.environment.desc %>"/>
    <meta property="og:image" content="<%= htmlWebpackPlugin.options.environment.img %>"/>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <noscript>You need to enable JavaScript</noscript>
    <div id="root"></div>
    <template id="haircheck-header">
      <h2 style="text-align: center">Video / Chat / Screen Sharing</h2>
    </template>
    <template id="empty-peer-grid">
      <h2 style="text-align: center; color: rgba(68, 68, 68, 0.25)">There isn't anyone here (yet!)</h2>
    </template>
    <template id="empty-roster">
      <div></div>
    </template>
    <template id="homepage">
      <div class="container">
        <form class="create-room-form" method="GET" action="/">
          <span class="create-room-form-input-wrapper">
            <span class="domain"><%= htmlWebpackPlugin.options.environment.url %>/</span>
            <input type="text" name="room" placeholder="choose a room name" class="create-room-form-input"/>
          </span>
          <button class="create-room-form-button button button-default button-undefined" type="submit">
            Start
          </button>
        </form>
      </div>
    </template>
    <script type="text/javascript">
      const params = new URLSearchParams(window.location.search);
      SimpleWebRTC.run({
        roomName: params.get('room'),
        root: document.getElementById('root'),
        gridPlaceholder: () => SimpleWebRTC.loadTemplate('empty-peer-grid'),
        haircheckHeaderPlaceholder: () =>
          SimpleWebRTC.loadTemplate('haircheck-header'),
        emptyRosterPlaceholder: () => SimpleWebRTC.loadTemplate('empty-roster'),
        homepagePlaceholder: () => SimpleWebRTC.loadTemplate('homepage')
      });
    </script>
  </body>
</html>