')
+ $('#playlist_title').parent().addClass('has-error')
+ return false
+ )
+
+ $("#playlist_form").bind('ajax:success',
+ (event) ->
+ [data, status, xhr] = event.detail
+ $('#add-playlist-modal').modal('hide')
+ if (data.errors)
+ console.log(data.errors.title[0])
+ else
+ add_success = true
+ select_element
+ .append(new Option(data.title, data.id.toString(), true, true))
+ .trigger('change')
+ )
diff --git a/app/assets/javascripts/android_pre_play.js b/app/assets/javascripts/android_pre_play.js
deleted file mode 100644
index 8184cd7a05..0000000000
--- a/app/assets/javascripts/android_pre_play.js
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
- * University. Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- *
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed
- * under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations under the License.
- * --- END LICENSE_HEADER BLOCK ---
-*/
-
-(function() {
- var _t = {
- androidPrePlay: function(handler, player){
- _t.handler = handler;
- _t.player = player;
- _t.avalonStartTime = handler.stream_info.t || 0;
- _t.avalonDuration = handler.stream_info.duration;
- if (typeof _t.originalSetCurrentTime != 'function')
- _t.originalSetCurrentTime = _t.player.setCurrentTime;
- _t.player.setCurrentTime = _t.androidSetCurrentTime;
- if (typeof _t.originalGetCurrentTime != 'function')
- _t.originalGetCurrentTime = _t.player.getCurrentTime;
- _t.player.getCurrentTime = _t.androidGetCurrentTime;
- $(_t.player.durationD).html(mejs.Utility.secondsToTimeCode(parseInt(handler.stream_info.duration)));
- _t.player.media.addEventListener('play', _t.androidFirstPlay, true);
- },
-
- durationChanged: function() {
- console.log(_t.player.media.duration);
- if (_t.player.media.duration == 0)
- return;
- _t.player.setCurrentTime(_t.avalonStartTime);
- console.log(_t.player.media.duration + " " + _t.player.getCurrentTime() + " " + _t.player.media.seeking);
- _t.player.media.removeEventListener('durationchange', _t.durationChanged);
- },
-
- androidSetCurrentTime: function(time) {
- //don't actually call media.currentTime but update everything else manually
- console.log('androidSetCurrentTime: ' + time);
- _t.avalonStartTime = time;
- _t.androidSetCurrentRail(time);
- _t.androidUpdateCurrent(time);
- _t.handler.setActiveSection();
- },
-
- androidGetCurrentTime: function() {
- return _t.avalonStartTime;
- },
-
- androidSetCurrentRail: function(time) {
- var total = _t.player.controls.find('.mejs-time-total');
- var handle = _t.player.controls.find('.mejs-time-handle');
- var current = _t.player.controls.find('.mejs-time-current');
-
- // update bar and handle
- if (total && handle) {
- var
- newWidth = Math.round(total.width() * time / _t.avalonDuration),
- handlePos = newWidth - Math.round(handle.outerWidth(true) / 2);
-
- current.width(newWidth);
- handle.css('left', handlePos);
- }
- },
-
- androidUpdateCurrent: function(time) {
- var currenttime = _t.player.currenttime;
- if (currenttime) {
- currenttime.html(mejs.Utility.secondsToTimeCode(time, _t.player.options.alwaysShowHours || _t.avalonDuration > 3600, _t.player.options.showTimecodeFrameCount, _t.player.options.framesPerSecond || 25));
- }
- },
-
- androidFirstPlay: function() {
- _t.player.setCurrentTime = _t.originalSetCurrentTime;
- //_t.player.media.setCurrentTime = originalSetCurrentTime;
- _t.player.getCurrentTime = _t.originalGetCurrentTime;
- _t.player.media.addEventListener('durationchange', _t.durationChanged, true);
- _t.player.media.removeEventListener("play", _t.androidFirstPlay);
- }
- };
-
- (typeof exports !== "undefined" && exports !== null ? exports : this).AndroidShim = _t;
-})();
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index fd14f3b7ee..8e041b1aa6 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
@@ -47,16 +47,8 @@
// include all of our vendored js
//= require_tree ../../../vendor/assets/javascripts/.
-// Exclude MediaElement 4 JS files in /vendor, as ME4 collides with the ME2 gem
-//= stub mediaelement/mediaelement-and-player
-//= stub mediaelement/plugins/markers
-//= stub mediaelement/plugins/quality-avalon
-//= stub mediaelement/plugins/quality-i18n
-//= stub media_player_wrapper/mejs4_plugin_add_to_playlist
-//= stub media_player_wrapper/mejs4_plugin_add_marker_to_playlist
-//= stub media_player_wrapper/mejs4_plugin_create_thumbnail
-//= stub media_player_wrapper/mejs4_plugin_track_scrubber
-//= stub media_player_wrapper/mejs4_link_back
-//= stub media_player_wrapper/mejs4_plugin_playlist_items
+// Require VideoJS and VideoJS quality selector for embedded player
+//= require video.js/dist/video.min.js
+//= require @silvermine/videojs-quality-selector/dist/js/silvermine-videojs-quality-selector.min.js
//= require_tree .
diff --git a/app/assets/javascripts/autocomplete.js.coffee b/app/assets/javascripts/autocomplete.js.coffee
index 8156236b8b..5e5561c897 100644
--- a/app/assets/javascripts/autocomplete.js.coffee
+++ b/app/assets/javascripts/autocomplete.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
@@ -19,7 +19,7 @@
datumTokenizer: Bloodhound.tokenizers.whitespace('display')
queryTokenizer: Bloodhound.tokenizers.whitespace
remote:
- url: "#{$('body').data('mountpoint')}autocomplete?q=%QUERY&t=#{$t.data('model')}"
+ url: "#{$('body').data('mountpoint')}autocomplete?q=%QUERY&t=#{$t.data('model')}&id=#{$t.data('media-object-id')}"
wildcard: '%QUERY'
)
mySource.initialize()
@@ -36,7 +36,7 @@
limit: 10
).on("typeahead:selected typeahead:autocompleted", (event, suggestion, dataset) ->
target = $("##{$t.data('target')}")
- target.val suggestion["id"]
+ target.val suggestion["id"] || suggestion["display"]
$t.data('matched_val',suggestion["display"])
return
).on("keypress", (e) ->
diff --git a/app/assets/javascripts/avalon.js b/app/assets/javascripts/avalon.js
index 0185f4bd44..10ddb3ff8b 100644
--- a/app/assets/javascripts/avalon.js
+++ b/app/assets/javascripts/avalon.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
@@ -72,14 +72,17 @@ $(document).ready(function () {
false
);
- $('#content').focus(function () {
- $('.mejs-controls').css('visibility', 'visible');
- $('.mejs-controls button:first').focus();
- });
-
// Set CSS to push the page content above footer
$('.content-wrapper').css('padding-bottom', $('#footer').css('height'));
+ // Re-set the space between content-wrapper and footer on window resize.
+ // With this the main content height is adjusted when orientation changes when
+ // using mobile devices, avoiding main content bleeding into the footer.
+ window.addEventListener("resize", () => {
+ $('.content-wrapper').css('padding-bottom', $('#footer').css('height'));
+ }, true);
+
+
/* Toggle CSS classes for global search form */
const $searchWrapper = $('.global-search-wrapper');
const $searchSubmit = $('.global-search-submit');
diff --git a/app/assets/javascripts/avalon_playlists/playlist_items.js b/app/assets/javascripts/avalon_playlists/playlist_items.js
index 7737980863..8c8f740017 100644
--- a/app/assets/javascripts/avalon_playlists/playlist_items.js
+++ b/app/assets/javascripts/avalon_playlists/playlist_items.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/avalon_playlists/playlists.js.coffee b/app/assets/javascripts/avalon_playlists/playlists.js.coffee
index 9789d1dcc0..2a75ed6e46 100644
--- a/app/assets/javascripts/avalon_playlists/playlists.js.coffee
+++ b/app/assets/javascripts/avalon_playlists/playlists.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
@@ -78,9 +78,3 @@ $('input[name="playlist[visibility]"]').on('click', () ->
new_text = $('.human_friendly_visibility_'+new_val).attr('title')
$('.visibility-help-text').text(new_text)
)
-
-# Hide instead of delete Bootstrap's dismissable alerts
-$('.mejs-form-alert').on('close.bs.alert', (e) ->
- e.preventDefault()
- $(this).slideUp()
-)
diff --git a/app/assets/javascripts/avalon_progress.js.coffee b/app/assets/javascripts/avalon_progress.js.coffee
index 3e5cb9efe1..5e12342855 100644
--- a/app/assets/javascripts/avalon_progress.js.coffee
+++ b/app/assets/javascripts/avalon_progress.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
@@ -68,12 +68,6 @@ class AvalonProgress
return info.success + info.error < 100
- click_section: (section_id) ->
- data = @data[section_id]
- if data.status != 'COMPLETED' or data.complete < 100
- window.currentPlayer = null
- $('.avalon-player').html('')
-
$(document).ready ->
if $('.progress-bar').length == 0
return
@@ -90,6 +84,3 @@ $(document).ready ->
progress_controller.retrieve(true)
$('.progress-inline').click ->
$(this).nextAll('.status-detail').slideToggle()
-
- $('a[data-segment]').bind 'streamswitch', ->
- progress_controller.click_section($(this).data('segment'))
diff --git a/app/assets/javascripts/avalon_timelines/timelines.js.coffee b/app/assets/javascripts/avalon_timelines/timelines.js.coffee
index 870ea53faa..bacf87e260 100644
--- a/app/assets/javascripts/avalon_timelines/timelines.js.coffee
+++ b/app/assets/javascripts/avalon_timelines/timelines.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
@@ -65,7 +65,8 @@ $('#copy-timeline-form').submit(
)
$('#copy-timeline-form').bind('ajax:success',
- (event, data, status, xhr) ->
+ (event) ->
+ [data, status, xhr] = event.detail
if (data.errors)
console.log(data.errors.title[0])
else
@@ -75,7 +76,8 @@ $('#copy-timeline-form').bind('ajax:success',
if ( $('#with_refresh').val() )
location.reload()
).bind('ajax:error',
- (e, xhr, status, error) ->
+ (event) ->
+ [data, status, xhr] = event.detail
console.log(xhr.responseJSON.errors)
)
@@ -88,9 +90,3 @@ $('input[name="timeline[visibility]"]').on('click', () ->
else
$('#timeline_lti_share').show()
)
-
-# Hide instead of delete Bootstrap's dismissable alerts
-$('.mejs-form-alert').on('close.bs.alert', (e) ->
- e.preventDefault()
- $(this).slideUp()
-)
diff --git a/app/assets/javascripts/blacklight/facet_load.js b/app/assets/javascripts/blacklight/facet_load.js
index bc69b6ff80..0bc96bccbd 100644
--- a/app/assets/javascripts/blacklight/facet_load.js
+++ b/app/assets/javascripts/blacklight/facet_load.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/button_confirmation.js.coffee b/app/assets/javascripts/button_confirmation.js.coffee
index 2d5b636bbe..7003991be3 100644
--- a/app/assets/javascripts/button_confirmation.js.coffee
+++ b/app/assets/javascripts/button_confirmation.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
diff --git a/app/assets/javascripts/crop_upload.js b/app/assets/javascripts/crop_upload.js
index a690c2279e..d12bea59e0 100644
--- a/app/assets/javascripts/crop_upload.js
+++ b/app/assets/javascripts/crop_upload.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/datatables.js b/app/assets/javascripts/datatables.js
index 938410976f..753c43df70 100644
--- a/app/assets/javascripts/datatables.js
+++ b/app/assets/javascripts/datatables.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/direct_upload.js.coffee b/app/assets/javascripts/direct_upload.js.coffee
index 10ec9d9df8..a65d1e06e6 100644
--- a/app/assets/javascripts/direct_upload.js.coffee
+++ b/app/assets/javascripts/direct_upload.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
diff --git a/app/assets/javascripts/display_returned_items.js b/app/assets/javascripts/display_returned_items.js
index c61e734670..2df57baca3 100644
--- a/app/assets/javascripts/display_returned_items.js
+++ b/app/assets/javascripts/display_returned_items.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/dynamic_fields.js.coffee b/app/assets/javascripts/dynamic_fields.js.coffee
index 0e65682b9b..9c5eaae349 100644
--- a/app/assets/javascripts/dynamic_fields.js.coffee
+++ b/app/assets/javascripts/dynamic_fields.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
diff --git a/app/assets/javascripts/expand_filename.js b/app/assets/javascripts/expand_filename.js
index bc533f37a1..168aa3722e 100644
--- a/app/assets/javascripts/expand_filename.js
+++ b/app/assets/javascripts/expand_filename.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/file_browse.js.coffee b/app/assets/javascripts/file_browse.js.coffee
index 487a09f7bd..5dd77deb6f 100644
--- a/app/assets/javascripts/file_browse.js.coffee
+++ b/app/assets/javascripts/file_browse.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
diff --git a/app/assets/javascripts/file_upload_step.js.coffee b/app/assets/javascripts/file_upload_step.js.coffee
index f72b32eeaa..f1ad088c3c 100644
--- a/app/assets/javascripts/file_upload_step.js.coffee
+++ b/app/assets/javascripts/file_upload_step.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
diff --git a/app/assets/javascripts/fix_console.js b/app/assets/javascripts/fix_console.js
index 9b1060dea5..585f2ea616 100644
--- a/app/assets/javascripts/fix_console.js
+++ b/app/assets/javascripts/fix_console.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/hydra/hydra-head.js b/app/assets/javascripts/hydra/hydra-head.js
index 994087a1fa..5f34d0cc19 100644
--- a/app/assets/javascripts/hydra/hydra-head.js
+++ b/app/assets/javascripts/hydra/hydra-head.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/import_button.js.coffee b/app/assets/javascripts/import_button.js.coffee
index f77c985c5f..6e8f8d3fbb 100644
--- a/app/assets/javascripts/import_button.js.coffee
+++ b/app/assets/javascripts/import_button.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
diff --git a/app/assets/javascripts/input_form_attribute_support.js.coffee b/app/assets/javascripts/input_form_attribute_support.js.coffee
index 759a414b67..3b49a6f17d 100644
--- a/app/assets/javascripts/input_form_attribute_support.js.coffee
+++ b/app/assets/javascripts/input_form_attribute_support.js.coffee
@@ -1,4 +1,4 @@
-# Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+# Copyright 2011-2024, The Trustees of Indiana University and Northwestern
# University. Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
#
diff --git a/app/assets/javascripts/intercom_push.js b/app/assets/javascripts/intercom_push.js
index be8eb9d68a..4a302102fb 100644
--- a/app/assets/javascripts/intercom_push.js
+++ b/app/assets/javascripts/intercom_push.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
diff --git a/app/assets/javascripts/localize_times.js b/app/assets/javascripts/localize_times.js
index 9c536ff61d..c454648c1f 100644
--- a/app/assets/javascripts/localize_times.js
+++ b/app/assets/javascripts/localize_times.js
@@ -1,5 +1,5 @@
/*
- * Copyright 2011-2023, The Trustees of Indiana University and Northwestern
+ * Copyright 2011-2024, The Trustees of Indiana University and Northwestern
* University. Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
*
@@ -23,3 +23,16 @@ function localize_times() {
$(document).ready(localize_times);
$(document).on('draw.dt', localize_times);
+// This interval is necessary to make sure CDL return time is calculated
+// and displayed on pages that have a Ramp player. The message renders in Ramp so
+// we need to wait until it is initialized to run localize_times.
+$(document).ready(function () {
+ let timeCheck = setInterval(initLocalizeTimes, 500);
+ function initLocalizeTimes() {
+ // Check readyState to avoid constant interval polling on non-Ramp pages.
+ if (document.readyState === 'complete') {
+ clearInterval(timeCheck);
+ localize_times();
+ }
+ }
+});
diff --git a/app/assets/javascripts/media_player_wrapper/avalon_player_new.es6 b/app/assets/javascripts/media_player_wrapper/avalon_player_new.es6
deleted file mode 100644
index 5615aa5a9e..0000000000
--- a/app/assets/javascripts/media_player_wrapper/avalon_player_new.es6
+++ /dev/null
@@ -1,806 +0,0 @@
-// Copyright 2011-2022, The Trustees of Indiana University and Northwestern
-// University. Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-//
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software distributed
-// under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
-// CONDITIONS OF ANY KIND, either express or implied. See the License for the
-// specific language governing permissions and limitations under the License.
-
-// declaring currentPlayer as global variable as it's used in multiple places outside the class
-var currentPlayer;
-
-/**
- * @class MEJSPlayer
- * @classdesc Wrapper for MediaElementPlayer interactions
- */
-class MEJSPlayer {
- /**
- * Class constructor
- * @param {Object} currentStreamInfo JSON of current media stream info
- * @param {Object} customConfig Custom configuration for player
- * @return {void} [description]
- */
- constructor(configObj) {
- this.mejsUtility = new MEJSUtility();
- this.mejsTimeRailHelper = new MEJSTimeRailHelper();
- this.mejsMarkersHelper = new MEJSMarkersHelper();
- this.mejsQualityHelper = new MEJSQualityHelper();
- this.localStorage = window.localStorage;
- this.canvasIndex = 0;
-
- // Unpack player configuration object for the new player.
- // This allows for variable params to be sent in.
- this.currentStreamInfo = configObj.currentStreamInfo || {};
- this.features = configObj.features || {};
- this.highlightRail = configObj.highlightRail;
- this.playlistItem = configObj.playlistItem || {};
- this.defaultQuality = configObj.defaultQuality || 'auto';
-
- // Tracks whether we're loading the page or just reloading player
- this.isFirstLoad = true;
-
- // Wrapper for MediaElement instance which interfaces with properties, events, etc.
- this.mediaElement = null;
- // Actual MediaElement instance
- this.player = null;
-
- this.node = null;
- // Add click listeners
- this.addSectionsClickListener();
- // audio or video file?
- this.mediaType = this.mejsUtility.getMediaType(
- this.currentStreamInfo.is_video
- );
-
- // Helper object when loading a new MEJS player instance (ie. a different media object source section link clicked)
- this.switchPlayerHelper = {
- active: false,
- data: {},
- paused: false
- };
-
- // Initialize switchPlayerHelper for mediafragment, if one exists
- if (this.currentStreamInfo.t && this.currentStreamInfo.t[0] > 0) {
- this.switchPlayerHelper.active = true;
- this.switchPlayerHelper.data = {
- fragmentbegin: this.currentStreamInfo.t[0],
- fragmentend: this.currentStreamInfo.t[1]
- };
- this.switchPlayerHelper.paused = true;
- }
-
- // Array of all current segments for media object
- this.segmentsMap = this.mejsUtility.createSegmentsMap(
- document.getElementById('accordion'),
- this.currentStreamInfo
- );
- // Holder for currently active segment DOM element 'id' attribute
- this.activeSegmentId = '';
-
- // Initialize the player
- this.initializePlayer();
- }
-
- /**
- * Add a listener for clicks on the 'Sections' links
- * @function addSectionsClickListener
- * @return {void}
- */
- addSectionsClickListener() {
- const $accordionEl = $('#accordion.media-show-page');
- if ($accordionEl.length > 0) {
- $accordionEl[0].addEventListener(
- 'click',
- this.handleSectionClick.bind(this)
- );
- }
- }
-
- /**
- * Create the pieces for a new MediaElement player
- * @function createNewPlayer
- * @return {void}
- */
- createNewPlayer() {
- let itemScope = document.querySelector('[itemscope="itemscope"]');
- let node = this.mejsUtility.createHTML5MediaNode(
- this.mediaType,
- this.currentStreamInfo,
- this.canvasIndex
- );
-
- // Mount new