3:d69239d4ae6d
Anton Shestakov <engored@ya.ru>, Tue, 12 Mar 2013 02:23:34 +0900
Status bar. Also could not resist dragging jQuery in.
next change 7:ecb710cf56fb
previous change 2:a26b16f37c1b

templates/index.html

Permissions: -rw-r--r--

File Latest Revisions Annotate Diff Comparison
Other formats:
JSON Raw
Feeds:
Atom RSS 
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Tornado WebRTC</title>
    <link rel="stylesheet" type="text/css" href="{{ static_url('css/kube.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ static_url('css/main.css') }}">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="{{ static_url('js/webrtc-adapter.js') }}"></script>
    <script src="{{ static_url('js/main.js') }}"></script>
  </head>
  <body>
    <section>
      <video id="remote" autoplay></video>
      <video id="local" autoplay muted></video>
    </section>
    <section class="forms">
      <ul>
        <li><label class="small"><input id="audio" type="checkbox" checked>Use mic</label></li>
        <li><label class="small"><input id="video" type="checkbox" checked>Use webcam</label></li>
        <li class="btn-group">
          <button id="btn-call" class="btn" onclick="call()">I want to call</button>
          <button id="btn-receive" class="btn" onclick="receive()">I want to receive a call</button>
        </li>
      </ul>
    </section>
    <footer>
      <span id="streaming" class="small"></span>
      <span id="status" class="small"></span>
    </footer>
  </body>
</html>