OrgLion-ML
/
openface
mirror of https://github.com/cmusatyalab/openface.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Automatically switch video feeds.

This commit is contained in:
Brandon Amos 2015-11-26 15:21:18 -05:00
parent f1f4f63598
commit 09577c5d06
2 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
demos/web/index.html
View File

@ -30,18 +30,20 @@ limitations under the License.
<div class="container">
<div class="header">
<ul class='tabs'>
<li class='tab-link current' data-tab='tab-preview'>
<li class='tab-link' data-tab='tab-preview'
id='tab-preview-button'>
Preview
</li>
<li class='tab-link' data-tab='tab-annotated'>
<li class='tab-link current' data-tab='tab-annotated'
id='tab-annotated-button'>
Annotated
</li>
</ul>
<div id='tab-preview' class='tab-content current'>
<div id='tab-preview' class='tab-content'>
<video id="videoel" width="400" height="300"
preload="auto" loop></video>
</div>
<div id='tab-annotated' class='tab-content'>
<div id='tab-annotated' class='tab-content current'>
<div id="detectedFaces"></div>
</div>
</div>
@ -188,15 +190,17 @@ limitations under the License.
<script type="text/javascript">
registerHbarsHelpers();
$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');
function makeTabActive(id) {
$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
})
$("#"+id).addClass('current');
$("#"+id+"-button").addClass('current');
}
$('ul.tabs li').click(function(){
makeTabActive($(this).attr('data-tab'));
});
var vid = document.getElementById('videoel'),
vidReady = false;

5
demos/web/js/openface-demo.js
View File

@ -260,6 +260,11 @@ function addPersonCallback(el) {
function trainingChkCallback() {
training = $("#trainingChk").prop('checked');
if (training) {
makeTabActive("tab-preview");
} else {
makeTabActive("tab-annotated");
}
if (socket != null) {
var msg = {
'type': 'TRAINING',