$.fn.pulseSubsLine = function(klass) {
var e = this;
e
.find('.text')
.hide()
.end()
.addClass(klass)
.css({display: 'block'})
.animate({opacity: 1, duration: .75}, function() {
setTimeout(function() {
e.animate({opacity: 0, duration: .5}, function() {
e.css({display: 'none'}).removeClass(klass);
})
}, 5000);
});
}
$.fn.autoScale = function() {
if(!this.data('autoScaleOriginal')) {
this.data('autoScaleOriginal', parseInt(this.css('font-size')));
}
var
maxSize = this.data('autoScaleOriginal');
maxH = this.parent().innerHeight(),
thisH = this.css('font-size', maxSize).outerHeight();
while(thisH > maxH && maxSize > 0) {
thisH = this.css('font-size', --maxSize).outerHeight();
}
return this;
}
// mediaelement subtitles button
MediaElementPlayer.prototype.buildsubs = function(player, controls, layers, media) {
var
host = 'http://subtitles.c3voc.de/',
room = $('.room.video').data('room'),
isLoaded = false,
t = 200,
$btn = $([
'
',
'',
'
'
].join('')),
$line = $([
'',
'
',
'
',
'(silence)',
'
',
'Maybe no-one is currently writing Live-Subtitles',
'
',
'
',
'Sorry, an Error occured.',
'
',
'
'
].join('')),
$text = $line.find('.text'),
$silence = $line.find('.silence'),
$error = $line.find('.error');
$btn
.appendTo(controls)
.click(function() {
$.ajax({
url: host+'status/'+encodeURIComponent(room),
//dataType: $.support.cors ? 'json' : 'jsonp',
dataType: 'jsonp',
success: function(status) {
if(!status)
return $line.pulseSubsLine('silence');
if(!isLoaded) {
isLoaded = true;
return loadAndOpenSocket();
}
$line.fadeToggle(t);
},
error: function() {
$line.pulseSubsLine('error');
}
});
});
function loadAndOpenSocket() {
if(window.io)
return openSocket();
$.getScript(host+'socket.io/socket.io.js', openSocket);
}
function silence() {
$text.hide();
$silence.show().animate({opacity: 1, duration: .75});
}
function openSocket() {
var hideTimeout, silenceTimeout, silenceWait = 15*1000;
var socket = io(host);
socket.on('connect', function() {
$line.show().animate({opacity: 1}, t);
socket.emit('join', room);
});
silenceTimeout = setTimeout(silence, silenceWait);
socket.on('line', function(stamp, line, duration) {
if(hideTimeout)
clearTimeout(hideTimeout);
hideTimeout = setTimeout(function() {
$text.animate({opacity: 0}, t)
clearTimeout(hideTimeout);
hideTimeout = null;
}, duration*1000);
if(silenceTimeout)
clearTimeout(silenceTimeout);
silenceTimeout = setTimeout(silence, silenceWait);
$text.animate({
opacity: 0
}, {
duration: t,
complete: function() {
$text.show().text(line).autoScale().animate({
opacity: 1
});
}
});
});
}
$line.appendTo(layers);
}
// mediaelement-player
$(function() {
(function(strings) {
strings['en-US'] = {
'Download File': 'Open Stream in Desktop-Player'
}
})(mejs.i18n.locale.strings);
$('body.room video').mediaelementplayer({
pluginPath: 'assets/mejs/',
features: ['playpause', 'volume', 'fullscreen'],
enableAutosize: true
});
$('body.room audio').mediaelementplayer({
features: ['playpause', 'volume', 'current']
});
$('body.relive-player video').mediaelementplayer({
mode: 'auto_plugin',
plugins: ['flash'],
flashName: 'flashmediaelement.swf',
pluginPath: 'assets/mejs/',
enableAutosize: true,
});
$(window).on('load', function() {
$(window).trigger('resize');
});
});
// tabs
$(function() {
// activate tab via hash and default to video
function setTabToHash() {
var activeTab = $('.nav-tabs a[href=' + window.location.hash + ']').tab('show');
}
// change hash on tab change
$('.nav-tabs').on('shown.bs.tab', 'a', function (e) {
window.location.hash = e.target.hash;
});
// adjust tabs when hash changes
$(window).on('hashchange', setTabToHash).trigger('hashchange');
});
// schedule-timeline
$(function() {
var
$schedule = $('.schedule'),
$now = $schedule.find('.now'),
scrollLock = false,
rewindTimeout,
/* 10 seconds after manual navigation */
rewindTime = 10000,
/* 1/2s animation on the scolling element */
scrollDuration = 500,
/* update now-pointer placement every 1/2s */
updateTimer = 500,
/* offset to the browsers realtime (for simulation) */
offset = $('.js-settings').data('scheduleoffset');
$schedule.on('mouseenter mouseleave touchstart touchend', function(e) {
if(e.type == 'mouseleave' || e.type == 'touchend') {
rewindTimeout = setTimeout(function() {
scrollLock = false;
}, 5000);
} else {
clearTimeout(rewindTimeout);
scrollLock = true;
}
});
// schedule now-marker & scrolling
function updateProgramView(initial) {
var
// corrected "now" timestamp in unix-counting (seconds, not microseconds)
now = (Date.now() / 1000) + offset;
// only check the first room (shouldn't matter anyway)
// find the newest block that starts in the past
// that's the one that is most probably currently still running
var $block = $schedule
.find('.room')
.first()
.find('.block')
.filter(function(i, el) {
return $(this).data('start') < now;
}).last();
if($block.length == 0)
return $now.css('width', 0);
var
// start & end-timestamp
start = $block.data('start'),
end = $block.data('end'),
// place of the now-marker between 0 and 1 within this block
normalized = Math.max(0, Math.min(1, (now - start) / (end - start))),
// projected to pixels with respect to the schedules left end
px = $block.position().left + ($block.outerWidth() * normalized),
// visible width of the schedule display
displayw = $schedule.width(),
// current scroll position
scrollx = $schedule.scrollLeft(),
// distance of the now-marker to the left border of the schedule display
px_in_display = px - scrollx;
//console.log($block.get(0), new Date(start*1000), new Date(now*1000), new Date(end*1000), normalized, px);
$now.css('width', px);
// scrolling is locked by manual interaction
if(scrollLock)
return;
if(
// now marker is > 2/3 of the schedule-display-width
px_in_display > (displayw * 2/3) ||
// now marker is <1/7 of the schedule-display-width
px_in_display < (displayw/7)
) {
// scroll schedule so that now-marker is as 1/5 of the screen
$schedule.stop().scrollTo(px - displayw/6, {
axis: 'x',
duration: initial ? 0 : scrollDuration,
});
}
}
// when on schedules tab
var updateInterval;
function on() {
// initial trigger
updateProgramView(true);
// timed triggers
updateInterval = setInterval(updateProgramView, updateTimer);
}
function off() {
clearInterval(updateInterval);
}
if(window.location.hash == '#schedule')
on();
// trigger when a tab was changed
$('.nav-tabs').on('shown.bs.tab', 'a', function(e) {
if(e.target.hash == '#schedule')
on();
else
off();
});
});
// startpage schedule teaser
$(function() {
var
updateTimer = 5*1000, /* update display every 5 seconds */
refetchTimer = 10*60*1000, /* re-request current / upcoming schedule every 10 minutes */
scheduleData = {},
$lecture = $('.room.has-schedule'),
/* offset to the browsers realtime (for simulation) */
offset = $('.js-settings').data('scheduleoffset');;
if($lecture.length == 0)
return;
function fetchProgram() {
$.ajax({
url: 'schedule.json',
dataType: 'json',
success: function(data) {
scheduleData = data;
updateProgtamTeaser();
},
// success & error
complete: function() {
setTimeout(fetchProgram, refetchTimer);
}
});
}
function updateProgtamTeaser() {
var
// corrected "now" timestamp in unix-counting (seconds, not microseconds)
now = (Date.now() / 1000) + offset;
$.each(scheduleData, function(room, talks) {
var currentTalk, nextTalk;
$.each(talks, function(room, talk) {
if(talk.start < now)
currentTalk = talk;
if(!nextTalk && !talk.special && talk.start > now)
nextTalk = talk;
});
var s = nextTalk ? new Date(nextTalk.start*1000) : new Date();
if(currentTalk)
$lecture.filter('.room-'+room)
.find('.current-talk')
.removeClass('hidden')
.find('.t')
.text(currentTalk.special ? 'none' : currentTalk.title)
if(nextTalk)
$lecture.filter('.room-'+room)
.find('.next-talk')
.toggleClass('hidden', !nextTalk || nextTalk.special || (nextTalk.start - now > 60*60))
.find('strong')
.text(s.getHours()+':'+(s.getMinutes() < 10 ? '0' : '')+s.getMinutes())
.end()
.find('.t')
.text(nextTalk ? nextTalk.title : '')
.end()
});
setTimeout(updateProgtamTeaser, updateTimer);
}
fetchProgram();
});
// feedback form
$(function() {
$('.feedback-form').on('submit', function(e) {
e.preventDefault();
var $form = $(this);
$('.feedback-form').hide();
$.ajax({
url: $form.prop('action'),
method: $form.prop('method'),
data: $form.serialize(),
success: function() {
$('.feedback-thankyou').show();
},
error: function() {
$('.feedback-error').show();
}
});
});
});
// update teaser images
$(function() {
setInterval(function() {
$('.rooms .lecture .teaser').each(function() {
var
$teaser = $(this),
$preload = $('
'),
src = $teaser.data('src');
if(!src) {
src = $teaser.prop('src');
$teaser.data('src', src);
}
$preload.on('load', function() {
$teaser.prop('src', $preload.prop('src'));
}).prop('src', src + '?'+(new Date()).getTime());
});
}, 1000*60);
});