58:7326ef07b362
Anton Shestakov <av6@dwimlabs.net>, 2016-03-27
calls: new ui element, yet unused

next change 59:f3c2d85d0a35
previous change 55:8959cd40c75d

index.html

Other formats: Feeds:
--- a/index.html Mon Mar 28 01:39:51 2016 +0800
+++ b/index.html Mon Mar 28 02:28:08 2016 +0800
@@ -84,6 +84,36 @@
</div>
</div>
+ <script type="text/template" id="video-block-template">
+ <video class="remote" rv-src="model:remote/stream/url" autoplay></video>
+ <video class="local" rv-src="model:local/stream/url" autoplay muted></video>
+ <div class="buttons uk-text-center">
+ <button type="button" class="uk-button uk-button-success autofade" data-mute-cam
+ rv-if="model:local/stream" rv-hide="model:local/video/muted">
+ <i class="uk-icon-eye"></i>
+ </button>
+ <button type="button" class="uk-button uk-button-danger" data-unmute-cam
+ rv-if="model:local/stream" rv-show="model:local/video/muted">
+ <i class="uk-icon-eye-slash"></i>
+ </button>
+ <button type="button" class="uk-button uk-button-success autofade" data-mute-mic
+ rv-if="model:local/stream" rv-hide="model:local/audio/muted">
+ <i class="uk-icon-microphone"></i>
+ </button>
+ <button type="button" class="uk-button uk-button-danger" data-unmute-mic
+ rv-if="model:local/stream" rv-show="model:local/audio/muted">
+ <i class="uk-icon-microphone-slash"></i>
+ </button>
+ <button type="button" class="uk-button uk-button-success autofade" data-mute-audio
+ rv-if="model:remote/stream" rv-hide="model:remote/audio/muted">
+ <i class="uk-icon-volume-up"></i>
+ </button>
+ <button type="button" class="uk-button uk-button-danger" data-unmute-audio
+ rv-if="model:remote/stream" rv-show="model:remote/audio/muted">
+ <i class="uk-icon-volume-off"></i>
+ </button>
+ </div>
+ </script>
<script type="text/template" id="avatar-template">
<img class="avatar" rv-if="model:d/avatar" rv-src="model:d/avatar">
<div class="avatar" rv-unless="model:d/avatar" rv-text="model:d/handle | first-letter" rv-style="model:bjid | dumb-hash | fn view.getColors"></div>
@@ -134,6 +164,7 @@
<script src='/js/xmpp.js'></script>
<script src='/js/contacts.js'></script>
<script src='/js/messages.js'></script>
+ <script src='/js/calls.js'></script>
<script src='/js/favicon.js'></script>
<script src='/config.js'></script>
<script src='/js/index.js'></script>