j1-template 2024.0.3 → 2024.1.1

data/assets/themes/j1/core/js/template.js

@@ -4840,7 +4840,9 @@ module.exports = function parseContent(options) {
   const voiceUserDefault = 'Google UK English Female';
   const voiceChromeDefault = 'Google US English';
   const ignoreProvider = 'Microsoft';
-  const defaultLanguage = 'en-GB';
+  const sourceLanguage = document.getElementsByTagName("html")[0].getAttribute("lang");
+  var defaultLanguage = '';
+  var navigatorLanguage = navigator.language || navigator.userLanguage;
   var currentTranslation = getCookie('googtrans');
   var scrollBlockOffset = 100;
   var customOptions = {};
@@ -4872,50 +4874,57 @@ module.exports = function parseContent(options) {
   var scanFinished;
   var voiceLanguageGoogleDefault = {
     'de-DE': 'Google Deutsch',
-    'en-US': 'Google US English',
+    //  'en-US':  'Google US English',
     'en-GB': 'Google UK English Female',
     'es-ES': 'Google español',
     'fr-FR': 'Google français',
     //  'hi-IN':  'Google हिन्दी',
     //  'id-ID':  'Google Bahasa Indonesia',
-    'it-IT': 'Google italiano',
+    'it-IT': 'Google italiano'
     //  'jp-JP':  'Google 日本語',
     //  'ko-KR':  'Google 한국의',
-    'nl-NL': 'Google Nederlands',
-    'pl-PL': 'Google polski',
+    //  'nl-NL':  'Google Nederlands',
+    //  'pl-PL':  'Google polski',
     //  'pt-BR':  'Google português do Brasil',
-    'pt-PT': 'Google português do Brasil'
+    //  'pt-PT':  'Google português',
     //  'ru-RU':  'Google русский',
     //  'zh-CN':  'Google 普通话（中国大陆)',
   };
   var voiceLanguageMicrosoftDefault = {
-    'sq-AL': 'Microsoft Anila Online (Natural) - Albanian (Albania)',
-    'ar-EG': 'Microsoft Salma Online (Natural) - Arabic (Egypt)',
-    'bg-BG': 'Microsoft Kalina Online (Natural) - Bulgarian (Bulgaria)',
-    'zh-CN': 'Microsoft Xiaoxiao Online (Natural) - Chinese (Mainland)',
-    'hr-HR': 'Microsoft Gabrijela Online (Natural) - Croatian (Croatia)',
-    'cs-CZ': 'Microsoft Antonin Online (Natural) - Czech (Czech)',
-    'da-DK': 'Microsoft Christel Online (Natural) - Danish (Denmark)',
-    'nl-NL': 'Microsoft Colette Online (Natural) - Dutch (Netherlands)',
+    //  'sq-AL':  'Microsoft Anila Online (Natural) - Albanian (Albania)',
+    //  'ar-EG':  'Microsoft Salma Online (Natural) - Arabic (Egypt)',
+    //  'bg-BG':  'Microsoft Kalina Online (Natural) - Bulgarian (Bulgaria)',
+    //  'zh-CN':  'Microsoft Xiaoxiao Online (Natural) - Chinese (Mainland)',
+    //  'hr-HR':  'Microsoft Gabrijela Online (Natural) - Croatian (Croatia)',
+    //  'cs-CZ':  'Microsoft Antonin Online (Natural) - Czech (Czech)',
+    //  'da-DK':  'Microsoft Christel Online (Natural) - Danish (Denmark)',
+    //  'nl-NL':  'Microsoft Colette Online (Natural) - Dutch (Netherlands)',
     'en-GB': 'Microsoft Libby Online (Natural) - English (United Kingdom)',
-    'en-US': 'Microsoft Aria Online (Natural) - English (United States)',
-    'et-EE': 'Microsoft Anu Online (Natural) - Estonian (Estonia)',
-    'fi-FI': 'Microsoft Noora Online (Natural) - Finnish (Finland)',
+    //  'en-US':  'Microsoft Aria Online (Natural) - English (United States)',
+    //  'et-EE':  'Microsoft Anu Online (Natural) - Estonian (Estonia)',
+    'es-ES': 'Microsoft Elvira Online (Natural) - Spanish (Spain)',
+    //  'fi-FI':  'Microsoft Noora Online (Natural) - Finnish (Finland)',
     'fr-FR': 'Microsoft Denise Online (Natural) - French (France)',
-    'ka-GE': 'Microsoft Giorgi Online (Natural) - Georgian (Georgia)',
+    //  'ka-GE':  'Microsoft Giorgi Online (Natural) - Georgian (Georgia)',
     'de-DE': 'Microsoft Katja Online (Natural) - German (Germany)',
-    'el-GR': 'Microsoft Athina Online (Natural) - Greek (Greece)',
-    'he-IL': 'Microsoft Avri Online (Natural) - Hebrew (Israel)',
-    'hi-IN': 'Microsoft Madhur Online (Natural) - Hindi (India)',
-    'hu-HU': 'Microsoft Noemi Online (Natural) - Hungarian (Hungary)',
-    'it-IT': 'Microsoft Elsa Online (Natural) - Italian (Italy)',
-    'ja-JP': 'Microsoft Nanami Online (Natural) - Japanese (Japan)'
+    //  'el-GR':  'Microsoft Athina Online (Natural) - Greek (Greece)',
+    //  'he-IL':  'Microsoft Avri Online (Natural) - Hebrew (Israel)',
+    //  'hi-IN':  'Microsoft Madhur Online (Natural) - Hindi (India)',
+    //  'hu-HU':  'Microsoft Noemi Online (Natural) - Hungarian (Hungary)',
+    'it-IT': 'Microsoft Elsa Online (Natural) - Italian (Italy)'
+    //  'pl-PL' : 'Microsoft Zofia Online (Natural) - Polish (Poland)',
+    //  'ja-JP':  'Microsoft Nanami Online (Natural) - Japanese (Japan)',
   };
   var voiceLanguageFirefoxDefault = {
-    'en-GB': 'Microsoft Hazel - English (United Kingdom) (en-GB)',
-    'en-US': 'Microsoft Zira Desktop - English (United States) (en-US)',
-    'de-DE': 'Microsoft Katja Online (Natural) - German (Germany)'
+    'en-GB': 'Microsoft Hazel - English (United Kingdom)',
+    //  'en-US':  'Microsoft Zira Desktop - English (United States)',
+    'de-DE': 'Microsoft Katja - German (Germany)'
   };
+  if (sourceLanguage == 'en') {
+    defaultLanguage = sourceLanguage + '-' + 'GB';
+  } else {
+    defaultLanguage = sourceLanguage + '-' + sourceLanguage.toUpperCase();
+  }
 
   // ---------------------------------------------------------------------------
   // Internal functions
@@ -5024,14 +5033,24 @@ module.exports = function parseContent(options) {
 
   // This populates the "voices" array with objects that represent the
   // available voices in the current browser. Each object has two
-  // properties: name and language. It is loaded asynchronously in
-  // deference to Chrome.
+  // properties: name and language.
+  // NOTE: the array is loaded asynchronously.
   //
   function populateVoiceList() {
+    let systemVoicesText = 'systemVoices START - ';
     var systemVoices = speechSynthesis.getVoices();
     for (var i = 0; i < systemVoices.length; i++) {
       voices.push(new voiceObj(systemVoices[i].name, systemVoices[i].lang));
+      // Collect available voices as text (for reference)
+      //
+      if (systemVoices[i].lang.includes("en") || systemVoices[i].lang.includes("de-DE") || systemVoices[i].lang.includes("es-ES") || systemVoices[i].lang.includes("pl") || systemVoices[i].lang.includes("nl")) {
+        systemVoicesText += systemVoices[i].lang.toString();
+        systemVoicesText += ' : ';
+        systemVoicesText += systemVoices[i].name.toString();
+        systemVoicesText += '\n';
+      }
     }
+    systemVoicesText += " - systemVoices END.";
   } // END populateVoiceList
 
   populateVoiceList();
@@ -5118,32 +5137,35 @@ module.exports = function parseContent(options) {
 
       // Default values
       //
-      voiceTags['a'] = new voiceTag('Follow the Link:', ':');
-      voiceTags['q'] = new voiceTag('', pause_spoken);
-      voiceTags['ol'] = new voiceTag('Start of list.', 'End of list. ');
-      voiceTags['ul'] = new voiceTag('Start of list.', 'End of list. ');
-      voiceTags['dl'] = new voiceTag('Start of list.', 'End of list. ');
-      voiceTags['dt'] = new voiceTag('', ', ');
-      voiceTags['img'] = new voiceTag('Start of an image with the description,', ', ');
-      voiceTags['table'] = new voiceTag('Start of a table element,', 'This element ist not spoken.');
-      voiceTags['card-header'] = new voiceTag('', '');
-      voiceTags['.doc-example'] = new voiceTag('Start of an example element,', 'This element ist not spoken.');
-      voiceTags['.admonitionblock'] = new voiceTag('Start of an attention element of type, ', ':');
-      voiceTags['.listingblock'] = new voiceTag('Start of a structured text block,', 'This element ist not spoken.');
-      voiceTags['.gist'] = new voiceTag('Start of a gist element,', 'This element ist not spoken.');
-      voiceTags['.slider'] = new voiceTag('Start of a slider element,', 'This element ist not spoken.');
-      voiceTags['.masonry'] = new voiceTag('Start of a masonry element,', 'This element ist not spoken.');
-      voiceTags['.lightbox-block'] = new voiceTag('Start of a lightbox element,', 'This element ist not spoken.');
-      voiceTags['.gallery'] = new voiceTag('Start of a gallery element,', 'This element ist not spoken.');
-      voiceTags['.videoblock'] = new voiceTag('Start of a HTML5 Video,', 'This video ist not spoken.');
-      voiceTags['.videojs-player'] = new voiceTag('Start of a VideoJS Video,', 'This video ist not spoken.');
-      voiceTags['.youtube-player'] = new voiceTag('Start of a YouTube Video,', 'This video ist not spoken.');
-      voiceTags['.dailymotion-player'] = new voiceTag('Start of a Dailymotion Video,', 'This video ist not spoken.');
-      voiceTags['.vimeo-player'] = new voiceTag('Start of a Vimeo Video,', 'This video ist not spoken.');
-      voiceTags['.wistia-player'] = new voiceTag('Start of a Wistia Video,', 'This video ist not spoken.');
-      voiceTags['figure'] = new voiceTag('Start of a figure with the caption,', '');
-      voiceTags['blockquote'] = new voiceTag('Blockquote start,', 'Blockquote end.');
-      voiceTags['quoteblock'] = new voiceTag('Start of a quote block element,', 'Quote block element end.');
+      voiceTags['a'] = new voiceTag('Link, ', pause_spoken);
+      //      voiceTags['q']                    = new voiceTag(pause_spoken,                pause_spoken);
+      //      voiceTags['ol']                   = new voiceTag('List element, ',            pause_spoken);
+      //      voiceTags['ul']                   = new voiceTag('List element, ',            pause_spoken);
+      //      voiceTags['dl']                   = new voiceTag('List element, ',            pause_spoken);
+      voiceTags['dt'] = new voiceTag(pause_spoken, pause_spoken);
+      voiceTags['img'] = new voiceTag('Image element, ', pause_spoken);
+      voiceTags['table'] = new voiceTag('Table element, ', pause_spoken);
+      voiceTags['card-header'] = new voiceTag(pause_spoken, pause_spoken);
+      voiceTags['.doc-example'] = new voiceTag('Example element, ', pause_spoken);
+      voiceTags['.admonitionblock'] = new voiceTag('Attention element, ', pause_spoken);
+      voiceTags['.listingblock'] = new voiceTag('Text element, ', pause_spoken);
+      voiceTags['.gist'] = new voiceTag('Gist element, ', pause_spoken);
+      voiceTags['.slider'] = new voiceTag('Slider element, ', pause_spoken);
+      voiceTags['.modal'] = new voiceTag('Info element, ', pause_spoken);
+      voiceTags['.masonry'] = new voiceTag('Masonry element, ', pause_spoken);
+      voiceTags['.lightbox-block'] = new voiceTag('Lightbox element, ', pause_spoken);
+      voiceTags['.gallery'] = new voiceTag('Gallery element, ', pause_spoken);
+      voiceTags['.audioblock'] = new voiceTag('Audio element, ', pause_spoken);
+      voiceTags['.videoblock'] = new voiceTag('Video element, ', pause_spoken);
+      voiceTags['.videojs-player'] = new voiceTag('Video element, ', pause_spoken);
+      voiceTags['.youtube-player'] = new voiceTag('Video element, ', pause_spoken);
+      voiceTags['.dailymotion-player'] = new voiceTag('Video element, ', pause_spoken);
+      voiceTags['.vimeo-player'] = new voiceTag('Video element, ', pause_spoken);
+      voiceTags['.wistia-player'] = new voiceTag('Video element, ', pause_spoken);
+      voiceTags['figure'] = new voiceTag('Figure element, ', pause_spoken);
+      voiceTags['parallax-quoteblock'] = new voiceTag('Quote element, ', pause_spoken);
+      voiceTags['blockquote'] = new voiceTag('Quote element, ', pause_spoken);
+      voiceTags['quoteblock'] = new voiceTag('Quote element, ', pause_spoken);
       ignoreTags = ['audio', 'button', 'canvas', 'code', 'del', 'pre', 'dialog', 'embed', 'form', 'head', 'iframe', 'meter', 'nav', 'noscript', 'object', 'picture', 'script', 'select', 'style', 'textarea', 'video'];
 
       // TODO: NOT working for multiple 'tab' windows
@@ -5179,14 +5201,14 @@ module.exports = function parseContent(options) {
       //
       var processSpeech = setInterval(function () {
         if (scanFinished) {
-          // Cycle through all the elements in the original jQuery
+          // Cycle through all the elements in the original $
           // selector, process and clean them one at a time, and
           // continually append it to the variable "toSpeak".
           //
           _this.each(function () {
             obj = $(this).clone(); // clone the DOM node and its descendants of what the user wants spoken
             processed = processDOMelements(obj); // process and manipulate DOM tree of this clone
-            processed = jQuery(processed).html(); // convert the result of all that to a string
+            processed = $(processed).html(); // convert the result of all that to a string
             finished = cleanDOMelements(processed); // do some text manipulation
             toSpeak = finished;
           });
@@ -5358,8 +5380,8 @@ module.exports = function parseContent(options) {
         //
         words = wordCount(subText);
         if (words < wordsMin) {
-          return undefined;
           console.warn('no search possible on this fraction of subText');
+          return undefined;
         } else {
           return subText;
         }
@@ -5488,8 +5510,8 @@ module.exports = function parseContent(options) {
         // Remove DOM objects listed in the "ignoreTags" array
         //
         for (var prop in ignoreTags) {
-          jQuery(clone).find(ignoreTags[prop]).addBack(ignoreTags[prop]).not('[data-speak2me-recognize]').each(function () {
-            jQuery(this).html('');
+          $(clone).find(ignoreTags[prop]).addBack(ignoreTags[prop]).not('[data-speak2me-recognize]').each(function () {
+            $(this).html('');
           });
         }
         ;
@@ -5499,8 +5521,8 @@ module.exports = function parseContent(options) {
         //
         if (ignoreTagsUser.length > 0) {
           for (var prop in ignoreTagsUser) {
-            jQuery(clone).find(ignoreTagsUser[prop]).addBack(ignoreTagsUser[prop]).not('[data-speak2me-recognize]').each(function () {
-              jQuery(this).html('');
+            $(clone).find(ignoreTagsUser[prop]).addBack(ignoreTagsUser[prop]).not('[data-speak2me-recognize]').each(function () {
+              $(this).html('');
             });
           }
           ;
@@ -5509,41 +5531,41 @@ module.exports = function parseContent(options) {
 
         // Remove DOM objects marked in the HTML code by "data-speak2me-ignore".
         //
-        jQuery(clone).find('[data-speak2me-ignore]').addBack('[data-speak2me-ignore]').each(function () {
-          jQuery(this).html('');
+        $(clone).find('[data-speak2me-ignore]').addBack('[data-speak2me-ignore]').each(function () {
+          $(this).html('');
         });
 
         // Remove DOM objects in the HTML code mareked by class "speak2me-ignore".
         //
-        jQuery(clone).find('.speak2me-ignore').addBack('[data-speak2me-ignore]').each(function () {
-          jQuery(this).html('');
+        $(clone).find('.speak2me-ignore').addBack('[data-speak2me-ignore]').each(function () {
+          $(this).html('');
         });
 
         // Search for prepend data specified in the HTML code by "data-speak2me-prepend".
         //
-        jQuery(clone).find('[data-speak2me-prepend]').addBack('[data-speak2me-prepend]').each(function () {
-          copy = jQuery(this).data('speak2me-prepend');
-          jQuery(this).prepend(copy + ' ');
+        $(clone).find('[data-speak2me-prepend]').addBack('[data-speak2me-prepend]').each(function () {
+          copy = $(this).data('speak2me-prepend');
+          $(this).prepend(copy + ' ');
         });
 
         // Search for append data specified in the HTML code by "data-speak2me-append".
         //
-        jQuery(clone).find('[data-speak2me-append]').addBack('[data-speak2me-append]').each(function () {
-          copy = jQuery(this).data('speak2me-append');
-          jQuery(this).append(' ' + copy);
+        $(clone).find('[data-speak2me-append]').addBack('[data-speak2me-append]').each(function () {
+          copy = $(this).data('speak2me-append');
+          $(this).append(' ' + copy);
         });
 
         // Search for tags to prepend and append specified by the "voiceTags" array.
         //
         var count = 0;
         for (var tag in voiceTags) {
-          jQuery(clone).find(tag).each(function () {
+          $(clone).find(tag).each(function () {
             if (customTags[tag]) {
-              jQuery(this).prepend(customTags[tag].prepend + ' ');
-              jQuery(this).append(' ' + customTags[tag].append);
+              $(this).prepend(customTags[tag].prepend + pause_spoken);
+              $(this).append(customTags[tag].append + pause_spoken);
             } else {
-              jQuery(this).prepend(voiceTags[tag].prepend + ' ');
-              jQuery(this).append(' ' + voiceTags[tag].append);
+              $(this).prepend(voiceTags[tag].prepend + pause_spoken);
+              $(this).append(voiceTags[tag].append + pause_spoken);
             }
             ;
           });
@@ -5555,38 +5577,38 @@ module.exports = function parseContent(options) {
         // because these tags require a pause, but often don't
         // have a comma or period at the end of their text.
         //
-        jQuery(clone).find('h1,h2,h3,h4,h5,h6,li,p').addBack('h1,h2,h3,h4,h5,h6,li,p').each(function () {
-          jQuery(this).append(pause_spoken);
+        $(clone).find('h1,h2,h3,h4,h5,h6,li,p').addBack('h1,h2,h3,h4,h5,h6,li,p').each(function () {
+          $(this).append(pause_spoken);
         });
 
         // Search for <br> tags to add a pause at the end.
-        jQuery(clone).find('br').each(function () {
-          jQuery(this).after(pause_spoken);
+        $(clone).find('br').each(function () {
+          $(this).after(pause_spoken);
         });
 
         // Search for <figure>, check for <figcaption>, insert
         // that text if exists and then remove the whole DOM object.
         //
-        jQuery(clone).find('figure').addBack('figure').each(function () {
-          copy = jQuery(this).find('figcaption').html();
+        $(clone).find('figure').addBack('figure').each(function () {
+          copy = $(this).find('figcaption').html();
           if (customTags['figure']) {
             prepend = customTags['figure'].prepend;
           } else {
             prepend = voiceTags['figure'].prepend;
           }
           if (copy != undefined && copy !== '') {
-            jQuery('<div>' + prepend + ' ' + copy + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + copy + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for <image> tags, check for ALT attribute, and insert
         // text if exists and then dinally remove the DOM object.
         // NOTE: had to make adjustments for nesting in <picture> tags.
         //
-        jQuery(clone).find('img').addBack('img').each(function () {
-          copy = jQuery(this).attr('alt');
-          var parent = jQuery(this).parent();
+        $(clone).find('img').addBack('img').each(function () {
+          copy = $(this).attr('alt');
+          var parent = $(this).parent();
           var parentName = parent.get(0).tagName;
           if (customTags['img']) {
             prepend = customTags['img'].prepend;
@@ -5596,181 +5618,212 @@ module.exports = function parseContent(options) {
           if (copy !== undefined && copy != '') {
             if (parentName == 'PICTURE') {
               var par;
-              jQuery('<div>' + prepend + ' ' + copy + pause_spoken + '</div>').insertBefore(parent);
+              $('<div>' + prepend + pause_spoken + copy + pause_spoken + '</div>').insertBefore(parent);
             } else {
-              jQuery('<div>' + prepend + ' ' + copy + pause_spoken + '</div>').insertBefore(this);
+              $('<div>' + prepend + pause_spoken + copy + pause_spoken + '</div>').insertBefore(this);
             }
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // TODO: identify why the text 'Follow the link' is
         // already placed on the anchor
         //
-        jQuery(clone).find('a').addBack('a').each(function () {
-          var anchor = jQuery(this);
+        $(clone).find('a').addBack('a').each(function () {
+          var anchor = $(this);
           copy = anchor[0].innerText;
           prepend = voiceTags['a'].prepend;
           appended = voiceTags['a'].append;
-          jQuery('<div>' + copy + '</div>').insertBefore(this);
-          jQuery('<div>' + appended + '</div>').insertBefore(this);
-          jQuery(this).remove();
+          $('<div>' + copy + '</div>').insertBefore(this);
+          $('<div>' + appended + '</div>').insertBefore(this);
+          $(this).remove();
         });
 
         // Search for admonition block elements and extract the type and
         // content. Insert type and content and then remove the DOM object.
         //
-        jQuery(clone).find('.admonitionblock').addBack('.admonitionblock').each(function () {
+        $(clone).find('.admonitionblock').addBack('.admonitionblock').each(function () {
           content_type = this.classList[1];
-          content_element = jQuery(this).find('.content');
+          content_element = $(this).find('.content');
           content = content_element[0].innerText;
           prepend = voiceTags['.admonitionblock'].prepend + content_type + '. ';
           appended = voiceTags['.admonitionblock'].append;
           if (content !== undefined && content != '') {
-            jQuery('<div>' + prepend + ' ' + content + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + ' ' + content + '</div>').insertBefore(this);
+            $('<div>' + appended + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
+        });
+
+        // Search for parallax quote block elements.
+        //
+        $(clone).find('.parallax-quoteblock').addBack('.parallax-quoteblock').each(function () {
+          content_element = $(this).find('.quote-text');
+          content = content_element[0].innerText;
+          prepend = voiceTags['quoteblock'].prepend;
+          appended = voiceTags['quoteblock'].append;
+          if (content !== undefined && content != '') {
+            $('<div>' + prepend + pause_spoken + content + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+          }
+          $(this).remove();
         });
 
         // Search for quote block elements.
         //
-        jQuery(clone).find('.quoteblock').addBack('quoteblock').each(function () {
-          var attribution = jQuery(this).find('.attribution');
-          content_element = jQuery(this).find('blockquote');
+        $(clone).find('.quoteblock').addBack('quoteblock').each(function () {
+          var attribution = $(this).find('.attribution');
+          content_element = $(this).find('quote');
           content = content_element[0].innerText + 'quoted by, ' + attribution[0].innerText + ', ';
           prepend = voiceTags['quoteblock'].prepend;
           appended = voiceTags['quoteblock'].append;
           if (content !== undefined && content != '') {
-            jQuery('<div>' + prepend + ' ' + content + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + content + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for <table> tags, check for <caption>, insert text
         // if exists and then remove the DOM object.
         //
-        jQuery(clone).find('table').addBack('table').each(function () {
-          copy = jQuery(this).find('caption').text();
+        $(clone).find('table').addBack('table').each(function () {
+          copy = $(this).find('caption').text();
           prepend = voiceTags['table'].prepend;
           appended = voiceTags['table'].append;
           if (copy !== undefined && copy != '') {
-            jQuery('<div>' + prepend + ' ' + copy + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + copy + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+          } else {
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+          }
+          $(this).remove();
+        });
+
+        // Search for HTML5 audio players, check for the title and insert text
+        // if exists and then remove the DOM object.
+        //
+        $(clone).find('.audioblock').addBack('.audioblock').each(function () {
+          copy = $(this).find('.title').text();
+          prepend = voiceTags['.audioblock'].prepend;
+          appended = voiceTags['.audioblock'].append;
+          if (copy !== undefined && copy != '') {
+            $('<div>' + prepend + pause_spoken + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for HTML5 video players, check for the title and insert text
         // if exists and then remove the DOM object.
         //
-        jQuery(clone).find('.videoblock').addBack('.videoblock').each(function () {
-          copy = jQuery(this).find('.title').text();
+        $(clone).find('.videoblock').addBack('.videoblock').each(function () {
+          copy = $(this).find('.title').text();
           prepend = voiceTags['.videoblock'].prepend;
           appended = voiceTags['.videoblock'].append;
           if (copy !== undefined && copy != '') {
-            jQuery('<div>' + prepend + ' ' + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for VideoJS players, check for the title and insert text
         // if exists and then remove the DOM object.
         //
-        jQuery(clone).find('.videojs-player').addBack('.videojs-player').each(function () {
-          copy = jQuery(this).find('.video-title').text();
+        $(clone).find('.videojs-player').addBack('.videojs-player').each(function () {
+          copy = $(this).find('.video-title').text();
           prepend = voiceTags['.videojs-player'].prepend;
           appended = voiceTags['.videojs-player'].append;
           if (copy !== undefined && copy != '') {
-            jQuery('<div>' + prepend + ' ' + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for YouTube players, check for the title and insert text
         // if exists and then remove the DOM object.
         //
-        jQuery(clone).find('.youtube-player').addBack('.youtube-player').each(function () {
-          copy = jQuery(this).find('.video-title').text();
+        $(clone).find('.youtube-player').addBack('.youtube-player').each(function () {
+          copy = $(this).find('.video-title').text();
           prepend = voiceTags['.youtube-player'].prepend;
           appended = voiceTags['.youtube-player'].append;
           if (copy !== undefined && copy != '') {
-            jQuery('<div>' + prepend + ' ' + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for Dailymotion players, check for the title and insert text
         // if exists and then remove the DOM object.
         //
-        jQuery(clone).find('.dailymotion-player').addBack('.dailymotion-player').each(function () {
-          copy = jQuery(this).find('.video-title').text();
+        $(clone).find('.dailymotion-player').addBack('.dailymotion-player').each(function () {
+          copy = $(this).find('.video-title').text();
           prepend = voiceTags['.dailymotion-player'].prepend;
           appended = voiceTags['.dailymotion-player'].append;
           if (copy !== undefined && copy != '') {
-            jQuery('<div>' + prepend + ' ' + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for Vimeo players, check for the title and insert text
         // if exists and then remove the DOM object.
         //
-        jQuery(clone).find('.vimeo-player').addBack('.vimeo-player').each(function () {
-          copy = jQuery(this).find('.video-title').text();
+        $(clone).find('.vimeo-player').addBack('.vimeo-player').each(function () {
+          copy = $(this).find('.video-title').text();
           prepend = voiceTags['.vimeo-player'].prepend;
           appended = voiceTags['.vimeo-player'].append;
           if (copy !== undefined && copy != '') {
-            jQuery('<div>' + prepend + ' ' + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for Wistia players, check for the title and insert text
         // if exists and then remove the DOM object.
         //
-        jQuery(clone).find('.wistia-player').addBack('.wistia-player').each(function () {
-          copy = jQuery(this).find('.video-title').text();
+        $(clone).find('.wistia-player').addBack('.wistia-player').each(function () {
+          copy = $(this).find('.video-title').text();
           prepend = voiceTags['.wistia-player'].prepend;
           appended = voiceTags['.wistia-player'].append;
           if (copy !== undefined && copy != '') {
-            jQuery('<div>' + prepend + ' ' + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + 'with the title, ' + copy + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for cards|header elements and then remove the DOM object.
         //
-        jQuery(clone).find('.card-header').addBack('card-header').each(function () {
-          title_element = jQuery(this).find('.card-title');
+        $(clone).find('.card-header').addBack('card-header').each(function () {
+          title_element = $(this).find('.card-title');
           prepend = voiceTags['card-header'].prepend;
           appended = voiceTags['card-header'].append;
           if (title_element.length) {
@@ -5778,27 +5831,27 @@ module.exports = function parseContent(options) {
           } else {
             title = '';
           }
-          jQuery('<div>' + prepend + '</div>').insertBefore(this);
-          jQuery('<div>' + appended + title + '</div>').insertBefore(this);
-          jQuery(title_element).remove();
+          $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+          $('<div>' + appended + pause_spoken + title + '</div>').insertBefore(this);
+          $(title_element).remove();
         });
 
         // Search for doc-example elements and then remove the DOM object.
         //
-        jQuery(clone).find('.doc-example').addBack('.doc-example').each(function () {
+        $(clone).find('.doc-example').addBack('.doc-example').each(function () {
           prepend = voiceTags['.doc-example'].prepend;
           appended = voiceTags['.doc-example'].append;
-          jQuery('<div>' + prepend + '</div>').insertBefore(this);
-          jQuery('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
-          jQuery(this).remove();
+          $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+          $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+          $(this).remove();
         });
 
         // Search for listing block elements, check for previous declared <div>
         // container that contains the title element and insert the
         // text if exists and then finally remove the DOM object.
         //
-        jQuery(clone).find('.listingblock').addBack('.listingblock').each(function () {
-          title_element = jQuery(this).find('.title');
+        $(clone).find('.listingblock').addBack('.listingblock').each(function () {
+          title_element = $(this).find('.title');
           if (title_element.length) {
             copy = title_element[0].innerText;
           } else {
@@ -5807,159 +5860,165 @@ module.exports = function parseContent(options) {
           prepend = voiceTags['.listingblock'].prepend;
           appended = voiceTags['.listingblock'].append;
           if (copy !== undefined && copy != '') {
-            jQuery('<div>' + prepend + ' with the caption,' + copy + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + ' with the caption,' + copy + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for gist elements, check for previous declared <div>
         // container that contains the title element and insert the
         // text if exists and finally remove the DOM object.
         //
-        jQuery(clone).find('.gist').addBack('.gist').each(function () {
+        $(clone).find('.gist').addBack('.gist').each(function () {
           if ($(this).prev()[0] !== undefined && $(this).prev()[0].innerText !== undefined) {
             title = $(this).prev()[0].innerText;
-            title_element = jQuery(this).prev();
+            title_element = $(this).prev();
             // remove the title 'before' the DOM object deleted
             //
-            jQuery(title_element).remove();
+            $(title_element).remove();
           } else {
             title = '';
           }
           prepend = voiceTags['.gist'].prepend;
           appended = voiceTags['.gist'].append;
           if (title !== undefined && title != '') {
-            jQuery('<div>' + prepend + ' with the caption, ' + title + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + ' with the caption, ' + title + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
+        });
+
+        // Search for BS modal elements, if exists remove the DOM object.
+        //
+        $(clone).find('.modal').addBack('.modal').each(function () {
+          $(this).remove();
         });
 
         // Search for masonry elements, check for previous declared <div>
         // container that contains the title element and insert the
         // text if exists and finally remove the DOM object.
         //
-        jQuery(clone).find('.masonry').addBack('.masonry').each(function () {
+        $(clone).find('.masonry').addBack('.masonry').each(function () {
           if ($(this).prev()[0].innerText !== undefined) {
             title = $(this).prev()[0].innerText;
-            title_element = jQuery(this).prev();
+            title_element = $(this).prev();
             // remove the title 'before' the DOM object deleted
             //
-            jQuery(title_element).remove();
+            $(title_element).remove();
           } else {
             title = '';
           }
           prepend = voiceTags['.masonry'].prepend;
           appended = voiceTags['.masonry'].append;
           if (title !== undefined && title != '') {
-            jQuery('<div>' + prepend + ' with the caption,' + title + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + ' with the caption,' + title + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for slider elements, check for previous declared <div>
         // container that contains the title element and insert the
         // text if exists and finally remove the DOM object.
         //
-        jQuery(clone).find('.slider').addBack('.slider').each(function () {
+        $(clone).find('.slider').addBack('.slider').each(function () {
           if ($(this).prev()[0].innerText !== undefined) {
             title = $(this).prev()[0].innerText;
-            title_element = jQuery(this).prev();
+            title_element = $(this).prev();
             // remove the title 'before' the DOM object deleted
             //
-            jQuery(title_element).remove();
+            $(title_element).remove();
           } else {
             title = '';
           }
           prepend = voiceTags['.slider'].prepend;
           appended = voiceTags['.slider'].append;
           if (title !== undefined && title != '') {
-            jQuery('<div>' + prepend + ' with the caption, ' + title + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + ' with the caption, ' + title + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for gallery elements, check for previous declared <div>
         // container that contains the title element and insert the
         // text if exists and finally remove the DOM object.
         //
-        jQuery(clone).find('.gallery').addBack('.gallery').each(function () {
+        $(clone).find('.gallery').addBack('.gallery').each(function () {
           if ($(this).prev()[0] !== undefined && $(this).prev()[0].innerText !== undefined) {
             title = $(this).prev()[0].innerText;
-            title_element = jQuery(this).prev();
+            title_element = $(this).prev();
             // remove the title BEFORE the DOM object gets deleted
             //
-            jQuery(title_element).remove();
+            $(title_element).remove();
           } else {
             title = '';
           }
           prepend = voiceTags['.gallery'].prepend;
           appended = voiceTags['.gallery'].append;
           if (title !== undefined && title != '') {
-            prepend !== '' && jQuery('<div>' + prepend + ' with the caption ' + title + pause_spoken + '</div>').insertBefore(this);
-            appended !== '' && jQuery('<div>' + appended + '</div>').insertBefore(this);
+            prepend !== '' && $('<div>' + prepend + ' with the caption ' + title + pause_spoken + '</div>').insertBefore(this);
+            appended !== '' && $('<div>' + appended + '</div>').insertBefore(this);
           } else {
-            prepend !== '' && jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            appended !== '' && jQuery('<div>' + appended + '</div>').insertBefore(this);
+            prepend !== '' && $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            appended !== '' && $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for a lightbox blocks and extract the <caption> tag data,
         // insert the text if exists and finally remove the DOM object.
         //
-        jQuery(clone).find('.lightbox-block').addBack('.lightbox-block').each(function () {
+        $(clone).find('.lightbox-block').addBack('.lightbox-block').each(function () {
           if ($(this).prev()[0].innerText !== undefined) {
             title = $(this).prev()[0].innerText;
-            title_element = jQuery(this).prev();
+            title_element = $(this).prev();
             // remove the title 'before' the DOM object deleted
             //
-            jQuery(title_element).remove();
+            $(title_element).remove();
           } else {
             title = '';
           }
           prepend = voiceTags['.lightbox-block'].prepend;
           appended = voiceTags['.lightbox-block'].append;
           if (title !== undefined && title != '') {
-            jQuery('<div>' + prepend + ' with the caption,' + title + pause_spoken + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + ' with the caption,' + title + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + '</div>').insertBefore(this);
           } else {
-            jQuery('<div>' + prepend + '</div>').insertBefore(this);
-            jQuery('<div>' + appended + '</div>').insertBefore(this);
+            $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
           }
-          jQuery(this).remove();
+          $(this).remove();
         });
 
         // Search for DOM object to be replaced specified in
         // the HTML code by "data-speak2me-swap".
         //
-        jQuery(clone).find('[data-speak2me-swap]').addBack('[data-speak2me-swap]').each(function () {
-          copy = jQuery(this).data('speak2me-swap');
-          jQuery(this).text(copy);
+        $(clone).find('[data-speak2me-swap]').addBack('[data-speak2me-swap]').each(function () {
+          copy = $(this).data('speak2me-swap');
+          $(this).text(copy);
         });
 
         // Search for DOM object to spelled out specified in
         // the HTML code by "data-speak2me-spell".
         //
-        jQuery(clone).find('[data-speak2me-spell]').addBack('[data-speak2me-spell]').each(function () {
-          copy = jQuery(this).text();
+        $(clone).find('[data-speak2me-spell]').addBack('[data-speak2me-spell]').each(function () {
+          copy = $(this).text();
           copy = copy.split('').join(' ');
-          jQuery(this).text(copy);
+          $(this).text(copy);
         });
         return clone;
       }
@@ -6093,7 +6152,7 @@ module.exports = function parseContent(options) {
         return textChunks;
       }
 
-      // return the Utterance object of the SpeechSynthesis API.
+      // return the Utterance object of the SpeechSynthesis API
       //
       return speech;
     },
@@ -6274,19 +6333,19 @@ module.exports = function parseContent(options) {
         return voices;
       }
 
-      // If there's another argument, we'll assume it's a jQuery
+      // If there's another argument, we'll assume it's a $
       // selector designating where to put the dropdown menu.
       // And if there's a third argument, that will be custom text
       // for the dropdown menu.
       // Then we'll create a dropdown menu with the voice names and,
       //in parenthesis, the language code.
       //
-      var obj = jQuery(arguments[0]);
+      var obj = $(arguments[0]);
       var selectionTxt = 'Choose a voice';
       if (arguments[1] !== undefined) {
         selectionTxt = arguments[1];
       }
-      obj.append(jQuery("<select id='voiceSelect' name='voiceSelect'><option value='none'>" + selectionTxt + "</option></select>"));
+      obj.append($("<select id='voiceSelect' name='voiceSelect'><option value='none'>" + selectionTxt + "</option></select>"));
 
       // jadams
       var skippedVoices = 0;
@@ -6376,10 +6435,10 @@ module.exports = function parseContent(options) {
     } else if (typeof method === 'object' || !method) {
       return methods.speak.apply(this, arguments);
     } else {
-      jQuery.error('Method ' + method + ' does not exist on jQuery.speak2me');
+      $.error('Method ' + method + ' does not exist on $.speak2me');
     }
   }; // END main
-})(jQuery);
+})($);
 
 /***/ }),