Skip to content

Commit

Permalink
audio captions part 2 (#830)
Browse files Browse the repository at this point in the history
* pulling the text track outside of the audio element so its not hidden
* do not set default in the template, because its an attribute that can be set in the track config
  • Loading branch information
elizoller authored Apr 28, 2021
1 parent e57c82b commit 5bc9d04
Show file tree
Hide file tree
Showing 3 changed files with 54 additions and 1 deletion.
7 changes: 7 additions & 0 deletions modules/islandora_audio/islandora_audio.libraries.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
audio:
version: 1.x
js:
js/audio.js: {preprocess: false}
dependencies:
- core/drupal
- core/drupalSettings
43 changes: 43 additions & 0 deletions modules/islandora_audio/js/audio.js
Original file line number Diff line number Diff line change
@@ -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);
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,17 @@
* @ingroup themeable
*/
#}
<div id="audioTrack"></div>
<audio {{ attributes }}>
{% for file in files %}
<source {{ file.source_attributes }} />
{% if tracks %}
{% for track in tracks %}
<track {{ track.track_attributes }}
<track {{ track.track_attributes }} />
{% endfor %}
{% endif %}
{% endfor %}
</audio>

{{ attach_library('islandora_audio/audio') }}

0 comments on commit 5bc9d04

Please sign in to comment.