Add subtitle upload #355

app/controllers/contents.php

@@ -33,5 +33,6 @@ public function index_action()
  PageLayout::setBodyElementId('opencast-plugin');
 
  $this->studip_version = $this->getStudIPVersion();
+ $this->languages = json_encode($GLOBALS['CONTENT_LANGUAGES']);
  }
 }

app/controllers/course.php

@@ -34,6 +34,7 @@ public function index_action()
  PageLayout::setBodyElementId('opencast-plugin');
 
  $this->studip_version = $this->getStudIPVersion();
+ $this->languages = json_encode($GLOBALS['CONTENT_LANGUAGES']);
 
  $this->render_template('course/index', $GLOBALS['template_factory']->open('layouts/base.php'));
  }

assets/css/opencast.scss

@@ -745,6 +745,23 @@ h2.oc--loadingbar, .oc--loadingbar-title {
  }
 }
 
+/* * * * * * * * * * * * * * * * * * */
+/* U P L O A D E L E M E N T S */
+/* * * * * * * * * * * * * * * * * * */
+
+label.oc--file-upload {
+ cursor: pointer;
+ color: $base-color;
+
+ input[type=file] {
+ display: none;
+ }
+ .filename {
+ padding-left: 0.5em;
+ color: $light-gray-color-80;
+ }
+}
+
 /* * * * * * * * * * * * * * * * * * * * * */
 /* S C R E E N S I Z E C L A S S E S */
 /* * * * * * * * * * * * * * * * * * * * * */

lib/Models/REST/ApiEventsClient.php

@@ -212,4 +212,22 @@ public function deleteEpisode($episode_id)
  $response = $this->opencastApi->eventsApi->delete($episode_id);
  return $response['code'] < 400;
  }
+
+ /**
+ * Return media files
+ * 
+ * @param
+ * 
+ * @return array
+ */
+ public function getMedia($eventId)
+ {
+ $response = $this->opencastApi->eventsApi->getMedia($eventId);
+
+ if ($response['code'] == 200) {
+ return $response['body'];
+ }
+
+ return false;
+ }
 }

lib/Models/Videos.php

@@ -590,6 +590,7 @@ public static function parseEvent($eventType, $episode, $video)
  $presenter_download = [];
  $presentation_download = [];
  $audio_download = [];
+ $caption_download = [];
  $annotation_tool = false;
  $duration = 0;
 
@@ -664,6 +665,20 @@ public static function parseEvent($eventType, $episode, $video)
  }
  }
 
+ // Get caption files
+ $api_event_client = ApiEventsClient::getInstance($video->config_id);
+ $media_tracks = $api_event_client->getMedia($episode->identifier);
+
+ foreach($media_tracks as $track) {
+ if (substr($track->flavor, 0, 9) === 'captions/' &&
+ $track->mimetype === 'text/vtt') 
+ {
+ $caption_download[$track->flavor] = [
+ 'url' => $track->uri
+ ];
+ }
+ }
+
  foreach ($episode->publications as $publication) {
  if ($publication->channel == 'engage-player') {
  $track_link = $publication->url;
@@ -689,7 +704,8 @@ public static function parseEvent($eventType, $episode, $video)
  'downloads' => [
  'presenter' => $presenter_download,
  'presentation' => $presentation_download,
- 'audio' => $audio_download
+ 'audio' => $audio_download,
+ 'caption' => $caption_download
  ],
  'annotation_tool' => $annotation_tool,
  'track_link' => $track_link

lib/Routes/Config/SimpleConfigList.php

@@ -31,12 +31,13 @@ public function __invoke(Request $request, Response $response, $args)
 
  foreach ($config as $conf) {
  $config_list[$conf->id] = [
- 'id' => $conf->id,
- 'name' => $conf->service_url,
- 'version' => $conf->service_version,
- 'ingest' => reset(Endpoints::findBySql("config_id = ? AND service_type = 'ingest'", [$conf->id]))->service_url,
- 'studio' => $conf->service_url . '/studio/index.html',
- 'lti_num' => sizeof(LtiHelper::getLtiLinks($conf->id)) // used to iterate over all Opencast nodes
+ 'id' => $conf->id,
+ 'name' => $conf->service_url,
+ 'version' => $conf->service_version,
+ 'ingest' => reset(Endpoints::findBySql("config_id = ? AND service_type = 'ingest'", [$conf->id]))->service_url,
+ 'apievents' => reset(Endpoints::findBySql("config_id = ? AND service_type = 'apievents'", [$conf->id]))->service_url,
+ 'studio' => $conf->service_url . '/studio/index.html',
+ 'lti_num' => sizeof(LtiHelper::getLtiLinks($conf->id)) // used to iterate over all Opencast nodes
  ];
  }
 

vueapp/common/upload.service.js

@@ -167,19 +167,41 @@ class UploadService {
  let obj = this;
  return files.reduce(function(promise, file) {
  return promise.then(function (mediaPackage) {
- return obj.addTrack(mediaPackage, file, onProgress);
+
+ var data = new FormData();
+ data.append('mediaPackage', mediaPackage);
+ data.append('flavor', file.flavor);
+ data.append('tags', '');
+ data.append('BODY', file.file, file.file.name);
+
+ return obj.addTrack(data, "/addTrack", onProgress);
  });
  }, Promise.resolve(mediaPackage))
  }
 
- addTrack(mediaPackage, track, onProgress) {
- var media = track.file;
- var data = new FormData();
- data.append('mediaPackage', mediaPackage);
- data.append('flavor', track.flavor);
- data.append('tags', '');
- data.append('BODY', media, media.name);
+ async uploadCaptions(files, episode_id, options) {
+ this.fixFilenames(files);
+ let onProgress = options.uploadProgress;
+ let uploadDone = options.uploadDone;
+
+ let obj = this;
+ return files.reduce(function(promise, file) {
+ return promise.then(function () {
+
+ var data = new FormData();
+ data.append('flavor', file.flavor);
+ data.append('overwriteExisting', file.overwriteExisting);
+ data.append('track', file.file);
+
+ return obj.addTrack(data, "/" + episode_id + "/track", onProgress);
+ });
+ }, Promise.resolve())
+ .then(() => {
+ uploadDone();
+ })
+ }
 
+ addTrack(data, url_path, onProgress) {
  var fnOnProgress = function (event) {
  onProgress(track, event.loaded, event.total);
  };
@@ -191,7 +213,7 @@ class UploadService {
  obj.request = axios.CancelToken.source();
 
  return axios({
- url: obj.service_url + "/addTrack",
+ url: obj.service_url + url_path,
  method: "POST",
  data: data,
  processData: false,