diff --git a/modules/islandora_audio/islandora_audio.libraries.yml b/modules/islandora_audio/islandora_audio.libraries.yml new file mode 100644 index 00000000..8df09bc7 --- /dev/null +++ b/modules/islandora_audio/islandora_audio.libraries.yml @@ -0,0 +1,7 @@ +audio: + version: 1.x + js: + js/audio.js: {preprocess: false} + dependencies: + - core/drupal + - core/drupalSettings diff --git a/modules/islandora_audio/js/audio.js b/modules/islandora_audio/js/audio.js new file mode 100644 index 00000000..e7a57ea5 --- /dev/null +++ b/modules/islandora_audio/js/audio.js @@ -0,0 +1,43 @@ +/*jslint browser: true*/ +/*global Audio, Drupal*/ +/** + * @file + * Displays Audio viewer. + */ +(function ($, Drupal) { + 'use strict'; + + /** + * If initialized. + * @type {boolean} + */ + var initialized; + /** + * Unique HTML id. + * @type {string} + */ + var base; + + function init(context,settings){ + if (!initialized){ + initialized = true; + $('audio')[0].textTracks[0].oncuechange = function() { + var currentCue = this.activeCues[0].text; + $('#audioTrack').html(currentCue); + } + } + } + Drupal.Audio = Drupal.Audio || {}; + + /** + * Initialize the Audio Viewer. + */ + Drupal.behaviors.Audio = { + attach: function (context, settings) { + init(context,settings); + }, + detach: function () { + } + }; + +})(jQuery, Drupal); diff --git a/modules/islandora_audio/templates/islandora-file-audio.html.twig b/modules/islandora_audio/templates/islandora-file-audio.html.twig index 3c2d0a7a..16d19b15 100644 --- a/modules/islandora_audio/templates/islandora-file-audio.html.twig +++ b/modules/islandora_audio/templates/islandora-file-audio.html.twig @@ -15,14 +15,17 @@ * @ingroup themeable */ #} +
+{{ attach_library('islandora_audio/audio') }} +