Files @ ab552870c773
Branch filter:

Location: CopyleftConf/copyleftconf-website/pinaxcon/templates/static_pages/livestream/index.html - annotation

Brett Smith
livestream: IRC note.
{% 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">
  <p class="text-center">If you have questions for speakers, you can ask them on the #conservancy channel on freenode!</p>

    <h3 class="text-center chunkfive">Ada Lovelace (Main Stage)</h3>
    <div class="center-block" 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 class="center-block" id="player5"></div>
    <p>
      Direct link: <a href="https://stream.fosdem.org/k3201.m3u8">https://stream.fosdem.org/k3201.m3u8</a>
    </p>
    <h3 class="text-center chunkfive">Grace Hopper</h3>
    <div class="center-block" id="player2"></div>
    <p>
      Direct link: <a href="https://stream.fosdem.org/aw1120.m3u8">https://stream.fosdem.org/aw1120.m3u8</a>
    </p>
    <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() {
      console.log('retry');
      //player.load("https://stream.fosdem.org/ua2220.m3u8");
      });

      var player5 = new Clappr.Player({
      source: "https://stream.fosdem.org/k3201.m3u8",
      baseUrl: "/asset/clappr",
      parentId: "#player5",
      autoPlay: false,

      hlsjsConfig: {
      xhrSetup: function(xhr, url) {
      xhr.onerror = function() {
      player5.stop();
      setTimeout(function(){
      player5.play();
      }, 5000);}}}});

      player5.on(Clappr.Events.PLAYER_ERROR, function() {
      console.log('retry');
      //player.load("https://stream.fosdem.org/k3201.m3u8");
      });

      player5.on(Clappr.Events.PLAYBACK_ERROR, function() {
      console.log('retry');
      //player.load("https://stream.fosdem.org/k3201.m3u8");
      });

      var player2 = new Clappr.Player({
      source: "https://stream.fosdem.org/aw1120.m3u8",
      baseUrl: "/asset/clappr",
      parentId: "#player2",
      autoPlay: false,

      hlsjsConfig: {
      xhrSetup: function(xhr, url) {
      xhr.onerror = function() {
      player2.stop();
      setTimeout(function(){
      player2.play();
      }, 5000);}}}});

      player2.on(Clappr.Events.PLAYER_ERROR, function() {
      console.log('retry');
      //player.load("https://stream.fosdem.org/aw1120.m3u8");
      });

      player2.on(Clappr.Events.PLAYBACK_ERROR, function() {
      console.log('retry');
      //player.load("https://stream.fosdem.org/aw1120.m3u8");
      });

    </script>

{% endblock %}