add video track captions

diff --git a/teleforma/models/core.py b/teleforma/models/core.py
index 185f6c1d0f35e9cd128ac5206bab65a75ac77ad0..e21a87bd1309667cde747c219fc7cc3121e35e65 100644 (file)
--- a/teleforma/models/core.py
+++ b/teleforma/models/core.py
@@ -983,9 +983,23 @@ class Media(MediaBase):
     readers = models.ManyToManyField(User, related_name="media", verbose_name=_('readers'),
                                      blank=True)
     file = models.FileField(
-        _('file'), upload_to='items/%Y/%m/%d', max_length=1024, null=True, blank=False)
+        _('file'),
+        upload_to='items/%Y/%m/%d',
+        max_length=1024,
+        null=True,
+        blank=False)
     poster_file = models.FileField(
-        _('poster file'), upload_to='items/%Y/%m/%d', max_length=255, null=True, blank=False)
+        _('poster file'),
+        upload_to='items/%Y/%m/%d',
+        max_length=255,
+        null=True,
+        blank=False)
+    track_file = models.FileField(
+        _('track file'),
+        upload_to='items/%Y/%m/%d',
+        max_length=1024,
+        null=True,
+        blank=False)
 
     def set_mime_type(self):
         if self.file:

diff --git a/teleforma/templates/teleforma/course_media.html b/teleforma/templates/teleforma/course_media.html
index 83c173afcf69df709964a40e9cd55dcbc8a2201a..4a382ca8889a445e4f5c7193c2b3fa4aa13e7d07 100644 (file)
--- a/teleforma/templates/teleforma/course_media.html
+++ b/teleforma/templates/teleforma/course_media.html
@@ -102,7 +102,8 @@ $(document).ready(function(){
         data-setup='{"playbackRates": [1, 1.25, 1.5, 2]}'
         {% if media.poster_file %}{% thumbnail media.poster_file '640' as im %}poster="{{ im.url }}"{% endthumbnail %}{% endif %}
         >
-            <source src="{% url 'teleforma-media-stream' period.id media.id %}" type="{{ media.mime_type }}" />
+        <source src="{% url 'teleforma-media-stream' period.id media.id %}" type="{{ media.mime_type }}" />
+        <track kind="captions" src="{{ media.track_file }}" srclang="fr" label="Français" default>
         <p class="vjs-no-js">
           To view this video please enable JavaScript, and consider upgrading to a
           web browser that