new file 100644
{% extends "site_base_home.html" %}
{% load i18n %}
{% load staticfiles %}
{% load thumbnail %}
{% load sponsorship_tags %}
{% load schedule_tags %}
{% block body_class %}home{% endblock %}
{% block body %}
<div class="chunkfive tight-headings text-center" style="padding: 1.5em;">
<h1>CopyleftConf Livestream</h1>
</div>
<div class="center-block">
<h3 class="text-center chunkfive">Ada Lovelace (Main Stage)</h3>
<div id="player0"></div>
<p>
Direct link: <a href="https://stream.fosdem.org/ua2220.m3u8">https://stream.fosdem.org/ua2220.m3u8</a>
</p>
<h3 class="text-center chunkfive">Hedy Lamarr</h3>
<div id="player5"></div>
Direct link: <a href="https://stream.fosdem.org/k3201.m3u8">https://stream.fosdem.org/k3201.m3u8</a>
<h3 class="text-center chunkfive">Grace Hopper</h3>
<div id="player2"></div>
Direct link: <a href="https://stream.fosdem.org/aw1120.m3u8">https://stream.fosdem.org/aw1120.m3u8</a>
<script type="text/javascript" src='{% static "js/clappr.min.js" %}'></script>
<script>
var player0 = new Clappr.Player({
source: "https://stream.fosdem.org/ua2220.m3u8",
baseUrl: "/asset/clappr",
parentId: "#player0",
autoPlay: true,
hlsjsConfig: {
xhrSetup: function(xhr, url) {
xhr.onerror = function() {
player0.stop();
setTimeout(function(){
player0.play();
}, 5000);}}}});
player0.on(Clappr.Events.PLAYER_ERROR, function() {
console.log('retry');
//player.load("https://stream.fosdem.org/ua2220.m3u8");
});
player0.on(Clappr.Events.PLAYBACK_ERROR, function() {
var player5 = new Clappr.Player({
source: "https://stream.fosdem.org/k3201.m3u8",
parentId: "#player5",
player5.stop();
player5.play();
player5.on(Clappr.Events.PLAYER_ERROR, function() {
//player.load("https://stream.fosdem.org/k3201.m3u8");
player5.on(Clappr.Events.PLAYBACK_ERROR, function() {
var player2 = new Clappr.Player({
source: "https://stream.fosdem.org/aw1120.m3u8",
parentId: "#player2",
player2.stop();
player2.play();
player2.on(Clappr.Events.PLAYER_ERROR, function() {
//player.load("https://stream.fosdem.org/aw1120.m3u8");
player2.on(Clappr.Events.PLAYBACK_ERROR, function() {
</script>
{% endblock %}