Highlight descriptions in transcipt, not just captions

terrill · terrill · commit 919814df630b · 2019-04-03T17:46:01.000-07:00
diff --git a/build/ableplayer.dist.js b/build/ableplayer.dist.js
@@ -10373,7 +10373,7 @@ if (thisObj.useTtml && (trackSrc.endsWith('.xml') || trackText.startsWith('<?xml
     currentTime = parseFloat(currentTime);
 
     // Highlight the current transcript item.
-    this.$transcriptArea.find('span.able-transcript-caption').each(function() {
+    this.$transcriptArea.find('span.able-transcript-seekpoint').each(function() {
       start = parseFloat($(this).attr('data-start'));
       end = parseFloat($(this).attr('data-end'));
       if (currentTime >= start && currentTime <= end) {
diff --git a/build/ableplayer.js b/build/ableplayer.js
@@ -10373,7 +10373,7 @@ if (thisObj.useTtml && (trackSrc.endsWith('.xml') || trackText.startsWith('<?xml
     currentTime = parseFloat(currentTime);
 
     // Highlight the current transcript item.
-    this.$transcriptArea.find('span.able-transcript-caption').each(function() {
+    this.$transcriptArea.find('span.able-transcript-seekpoint').each(function() {
       start = parseFloat($(this).attr('data-start'));
       end = parseFloat($(this).attr('data-end'));
       if (currentTime >= start && currentTime <= end) {
diff --git a/build/ableplayer.min.css b/build/ableplayer.min.css
diff --git a/build/ableplayer.min.js b/build/ableplayer.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ableplayer",
-  "version": "3.2.17",
+  "version": "3.2.18",
   "description": "fully accessible HTML5 media player",
   "homepage": "http://ableplayer.github.io/ableplayer",
   "bugs": "https://github.com/ableplayer/ableplayer/issues",
diff --git a/scripts/transcript.js b/scripts/transcript.js
@@ -299,7 +299,7 @@
     currentTime = parseFloat(currentTime);
 
     // Highlight the current transcript item.
-    this.$transcriptArea.find('span.able-transcript-caption').each(function() {
+    this.$transcriptArea.find('span.able-transcript-seekpoint').each(function() {
       start = parseFloat($(this).attr('data-start'));
       end = parseFloat($(this).attr('data-end'));
       if (currentTime >= start && currentTime <= end) {
diff --git a/styles/ableplayer.css b/styles/ableplayer.css
@@ -889,6 +889,7 @@ ul.able-popup {
   z-index: 7000;
   outline: none;
   padding-bottom: 25px; /* keep content above 16x16px drag icon */
+  background-color: #FFF;
 }
 .able-transcript {
 	position: relative; /* must be positioned for scrolling */

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "ableplayer",`
`3`		`- "version": "3.2.17",`
	`3`	`+ "version": "3.2.18",`
`4`	`4`	`"description": "fully accessible HTML5 media player",`
`5`	`5`	`"homepage": "http://ableplayer.github.io/ableplayer",`
`6`	`6`	`"bugs": "https://github.com/ableplayer/ableplayer/issues",`
Original file line number	Diff line number	Diff line change
`@@ -889,6 +889,7 @@ ul.able-popup {`
`889`	`889`	`z-index: 7000;`
`890`	`890`	`outline: none;`
`891`	`891`	`padding-bottom: 25px; /* keep content above 16x16px drag icon */`
	`892`	`+ background-color: #FFF;`
`892`	`893`	`}`
`893`	`894`	`.able-transcript {`
`894`	`895`	`position: relative; /* must be positioned for scrolling */`