Download:
parent 6:33d306388e7f
7:ecb710cf56fb default tip
Anton Shestakov <engored@ya.ru>, Wed, 20 Nov 2013 19:41:52 +0900
Cosmetic changes in the template.

2 файлов изменено, 30 вставок(+), 17 удалений(-) [+]
static/css/main.css file | annotate | diff | comparison | revisions
templates/index.html file | annotate | diff | comparison | revisions
--- a/static/css/main.css Wed Nov 20 19:40:23 2013 +0900
+++ b/static/css/main.css Wed Nov 20 19:41:52 2013 +0900
@@ -9,8 +9,9 @@
width: 160px;
height: 120px;
background: #555;
- margin-top: 240px;
- margin-left: -160px;
+ bottom: 0;
+ right: 0;
+ margin-bottom: 6px;
}
footer {
@@ -22,6 +23,16 @@
bottom: 0;
}
+.container {
+ width: 480px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.videos {
+ position: relative;
+}
+
.error {
color: #ff9696;
}
--- a/templates/index.html Wed Nov 20 19:40:23 2013 +0900
+++ b/templates/index.html Wed Nov 20 19:41:52 2013 +0900
@@ -5,25 +5,27 @@
<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="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/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>
+ <div class="container">
+ <div class="videos">
+ <video id="remote" autoplay></video>
+ <video id="local" autoplay muted></video>
+ </div>
+ <div 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>
+ </div>
+ </div>
<footer>
<span id="streaming" class="small"></span>
<span id="status" class="small"></span>