{% extends "live/main.html" %}
{% load static %}

{% block content %}
<h1>Le live</h1>

<p>
Qualité :
{% for ident, nom in qualites %}
{% if not forloop.first %} | {% endif %}{% if ident == stream.ident %}<strong>{{ nom }}</strong>{% else %}<a href="?{{ ident }}">{{ nom }}</a>{% endif %}
{% endfor %}
</p>

<p><br/>
<script type="text/javascript" src="{% static "site_live/hls.js" %}" charset="utf-8"></script>
<video id="live" controls style="display: block; width: {{ taille.0 }}px; height: {{ taille.1 }}px;">
</video>
<script>
  var video = document.getElementById('live');
  if(Hls.isSupported()) {
    var hls = new Hls();
    hls.loadSource('{{ url }}');
    hls.attachMedia(video);
 }
  else if (video.canPlayType('application/vnd.apple.mpegurl')) {
    video.src = '{{ url }}';
    video.addEventListener('loadedmetadata',function() {
    });
  }
</script>
</p>

<p><br>Pour visionner le live, vous pouvez aussi utilisez un lecteur vidéo (comme <a href="http://www.videolan.org/vlc/">VLC</a>) en utilisant l'adresse suivante: <em>{{ url }}</em><br>
{% endblock %}