From: yomguy <yomguy@parisson.com>
Date: Mon, 7 Jan 2013 22:26:55 +0000 (+0100)
Subject: add video link seeking based on media fragment URI
X-Git-Tag: 0.9-probarreau~152^2~3
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=9056e235ec06b5d05bc673e230d4298fa1ad962d;p=teleforma.git

add video link seeking based on media fragment URI
---

diff --git a/teleforma/templates/teleforma/seminar_media_audio.html b/teleforma/templates/teleforma/seminar_media_audio.html
index d54a97b0..a4ebdf42 100644
--- a/teleforma/templates/teleforma/seminar_media_audio.html
+++ b/teleforma/templates/teleforma/seminar_media_audio.html
@@ -101,7 +101,15 @@
 <div class="module">
   <h3><img src="{{STATIC_URL}}telemeta/images/module_playlist.png" alt="status" style="vertical-align:middle" /> {% trans "My steps" %}</h3>
  <div id="index">
-  {% include "teleforma/inc/steps.html" %}
+
+  <ul>
+  {% for marker in media_package.video.all.0.item.markers.all %}
+  {% if not forloop.first %}
+  <li>{{ marker.title }}</li>
+  {% endif %}
+  {% endfor %}
+  </ul>
+
  </div>
 </div>
 {% endblock index %}
diff --git a/teleforma/templates/teleforma/seminar_media_video.html b/teleforma/templates/teleforma/seminar_media_video.html
index 4a74fa5c..0f6aa408 100644
--- a/teleforma/templates/teleforma/seminar_media_video.html
+++ b/teleforma/templates/teleforma/seminar_media_video.html
@@ -88,7 +88,7 @@ $(window).ready(function(){
 <div class="video">
 <video id="my_video_1" class="video-js vjs-default-skin" width="640" height="360" controls preload="auto" data-setup='{}'>
 {% for media in media_package.video.all|free_first %}
-    <source src="{{ MEDIA_URL }}{{ media.item.file }}" type="{{ media.mime_type }}" />
+    <source src="{{ MEDIA_URL }}{{ media.item.file }}#t=0" type="{{ media.mime_type }}" />
 {% endfor %}
 </video>
 </div>
@@ -132,9 +132,32 @@ $(window).ready(function(){
 
 {% block index %}
 <div class="module">
-  <h3><img src="{{STATIC_URL}}telemeta/images/module_playlist.png" alt="status" style="vertical-align:middle" /> {% trans "My steps" %}</h3>
+  <h3><img src="{{STATIC_URL}}telemeta/images/module_playlist.png" alt="status" style="vertical-align:middle" /> {% trans "Shortcuts" %}</h3>
  <div id="index">
-  {% include "teleforma/inc/steps.html" %}
+  <ul>
+  {% for marker in media_package.video.all.0.item.markers.all %}
+  {% if not forloop.first %}
+  <li><a href="#" onclick="jumpToTimeoffset({{ marker.time|point }});">{{ marker.title }}</a></li>
+  {% endif %}
+  {% endfor %}
+  </ul>
  </div>
 </div>
+
+<script type="text/javascript">
+
+var video = $('#my_video_1');
+var Player = _V_("my_video_1");
+
+// jump to time offset action
+function jumpToTimeoffset(time) {
+    // Player.currentTime(time);
+    var url = video.attr("src")
+    var abs_url = url.split("#")[0];
+    video.attr("src", abs_url + '#t=' + String(time));
+    Player.play();    
+}
+
+</script>
+
 {% endblock index %}
diff --git a/teleforma/templatetags/teleforma_tags.py b/teleforma/templatetags/teleforma_tags.py
index fb9d7eb3..7f0e2666 100644
--- a/teleforma/templatetags/teleforma_tags.py
+++ b/teleforma/templatetags/teleforma_tags.py
@@ -277,3 +277,7 @@ def admin_username():
 def hours(time):
     return str(int(str(time).split(':')[0]))
 
+@register.filter
+def point(time):
+    return str(time)
+