Add subtitle/transcript capability

README.md

@@ -26,11 +26,14 @@ For example, at **Administration » Islandora » Solution pack configuration »
 ![Solution Pack Configuration](https://user-images.githubusercontent.com/2738244/40234143-b0c31ea6-5a73-11e8-9e3b-8133917d496c.png)
 
 Configure Video.js at **Administration » Islandora » Islandora Viewers » Video.js** (_admin/islandora/islandora_viewers/videojs_). 
-Three options are available:
+Four options are available:
 
 * "Videojs-contrib-hls library" to enable HTTP Live Streaming (a streaming format native to mobile phones).
 * "Center play button" to put the play button in the center of the player, rather than the top left corner.
 * "Responsive player" to make the Video.js player responsive but requires you use a responsive theme.
+* "Transcript/Subtitle DSID" sets the datastream ID containing a WebVTT transcript.
+
+To use transcripts, on the object in question, add a custom datastream using the configured DSID (default TRANSCRIPT) and upload a WebVTT file.
 
 ![Configuration](https://user-images.githubusercontent.com/1943338/32968854-2575fc40-cbb9-11e7-9e85-66fec561a24c.png)
 

includes/admin.form.inc

@@ -29,7 +29,12 @@ function islandora_videojs_admin($form, &$form_state) {
     '#description' => t('Make the videojs player responsive (requires a responsive theme)'),
     '#default_value' => variable_get('islandora_videojs_responsive', FALSE),
   );
-
+  $form['islandora_videojs_transcript_dsid'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Transcript/Subtitle DSID'),
+    '#description' => t('Datastream ID used for transcript/subtitle datastreams.'),
+    '#default_value' => variable_get('islandora_videojs_transcript_dsid', 'TRANSCRIPT'),
+  );
   return system_settings_form($form);
 }
 

islandora_videojs.install

@@ -12,6 +12,7 @@ function islandora_videojs_uninstall() {
     'islandora_videojs_hls_library',
     'islandora_videojs_center_play_button',
     'islandora_videojs_responsive',
+    'islandora_videojs_transcript_dsid',
   );
   array_walk($variables, 'variable_del');
 }

islandora_videojs.module

@@ -75,6 +75,15 @@ function template_preprocess_islandora_videojs(array &$variables) {
   if (variable_get('islandora_videojs_responsive', TRUE)) {
     drupal_add_css(drupal_get_path('module', 'islandora_videojs') . '/css/videojs_responsive.css', array('group' => CSS_DEFAULT, 'every_page' => FALSE));
   }
+  $object = islandora_object_load($variables['params']['pid']);
+  $variables['transcript'] = FALSE;
+  $transcript_dsid = variable_get('islandora_videojs_transcript_dsid', 'TRANSCRIPT');
+  if ($object[$transcript_dsid] && islandora_datastream_access(ISLANDORA_VIEW_OBJECTS, $object[$transcript_dsid])) {
+    $variables['transcript'] = TRUE;
+    $variables['transcript_path'] = url("islandora/object/{$object->id}/datastream/{$transcript_dsid}/view");
+    preg_match('/Language: (.*)/', $object[$transcript_dsid]->content, $matches);
+    $variables['transcript_language'] = (!empty($matches) ? check_plain($matches[1]) : "English");
+  }
 }
 
 /**

theme/islandora-videojs.tpl.php

@@ -15,6 +15,9 @@
   <?php foreach ($sources as $source): ?>
     <source src="<?php print $source['url']; ?>" type='<?php print $source['mime']; ?>'>
   <?php endforeach; ?>
+  <?php if ($transcript): ?>
+    <track kind="captions" src="<?php print $transcript_path; ?>" label="<?php print $transcript_language; ?>" default>
+  <?php endif; ?>
 </video>
 <?php if (empty($sources)): ?>
   <div id="video-js-warning">