shaka-player 4.9.20 → 4.9.21

package/lib/media/streaming_engine.js

@@ -2282,10 +2282,11 @@ shaka.media.StreamingEngine = class {
         this.playerInterface_.onManifestUpdate();
       } else {
         // All other schemes are dispatched as a general 'emsg' event.
+        const endTime = startTime + (eventDuration / timescale);
         /** @type {shaka.extern.EmsgInfo} */
         const emsg = {
           startTime: startTime,
-          endTime: startTime + (eventDuration / timescale),
+          endTime: endTime,
           schemeIdUri: schemeId,
           value: value,
           timescale: timescale,
@@ -2318,17 +2319,17 @@ shaka.media.StreamingEngine = class {
             schemeId == 'https://developer.apple.com/streaming/emsg-id3') {
           // See https://aomediacodec.github.io/id3-emsg/
           const frames = shaka.util.Id3Utils.getID3Frames(messageData);
-          if (frames.length && reference) {
+          if (frames.length) {
             /** @private {shaka.extern.ID3Metadata} */
             const metadata = {
-              cueTime: reference.startTime,
+              cueTime: startTime,
               data: messageData,
               frames: frames,
-              dts: reference.startTime,
-              pts: reference.startTime,
+              dts: startTime,
+              pts: startTime,
             };
             this.playerInterface_.onMetadata(
-                [metadata], /* offset= */ 0, reference.endTime);
+                [metadata], /* offset= */ 0, endTime);
           }
         }
       }

package/lib/player.js

@@ -3019,7 +3019,7 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
    */
   processTimedMetadataMediaSrc_(metadata, offset, segmentEndTime) {
     for (const sample of metadata) {
-      if (sample.data && sample.cueTime && sample.frames) {
+      if (sample.data && typeof(sample.cueTime) == 'number' && sample.frames) {
         const start = sample.cueTime + offset;
         let end = segmentEndTime;
         // This can happen when the ID3 info arrives in a previous segment.
@@ -7484,7 +7484,7 @@ shaka.Player.TYPICAL_BUFFERING_THRESHOLD_ = 0.5;
  * @export
  */
 // eslint-disable-next-line no-useless-concat
-shaka.Player.version = 'v4.9.20' + '-uncompiled';  // x-release-please-version
+shaka.Player.version = 'v4.9.21' + '-uncompiled';  // x-release-please-version
 
 // Initialize the deprecation system using the version string we just set
 // on the player.

package/lib/text/ui_text_displayer.js

@@ -726,6 +726,15 @@ shaka.text.UITextDisplayer = class {
       style.display = 'flex';
       style.flexDirection = 'column';
       style.alignItems = 'center';
+      if (cue.textAlign == Cue.textAlign.LEFT ||
+          cue.textAlign == Cue.textAlign.START) {
+        style.width = '100%';
+        style.alignItems = 'start';
+      } else if (cue.textAlign == Cue.textAlign.RIGHT ||
+          cue.textAlign == Cue.textAlign.END) {
+        style.width = '100%';
+        style.alignItems = 'end';
+      }
 
       if (cue.displayAlign == Cue.displayAlign.BEFORE) {
         style.justifyContent = 'flex-start';
@@ -811,23 +820,41 @@ shaka.text.UITextDisplayer = class {
 
     style.lineHeight = cue.lineHeight;
 
-    // The position defines the indent of the text container in the
-    // direction defined by the writing direction.
-    if (cue.position != null) {
-      if (cue.writingMode == Cue.writingMode.HORIZONTAL_TOP_TO_BOTTOM) {
-        style.paddingLeft = cue.position;
-      } else {
-        style.paddingTop = cue.position;
-      }
-    }
-
     // The positionAlign attribute is an alignment for the text container in
     // the dimension of the writing direction.
     const computedPositionAlign = this.computeCuePositionAlignment_(cue);
     if (computedPositionAlign == Cue.positionAlign.LEFT) {
       style.cssFloat = 'left';
+      if (cue.position !== null) {
+        style.position = 'absolute';
+        if (cue.writingMode == Cue.writingMode.HORIZONTAL_TOP_TO_BOTTOM) {
+          style.left = cue.position + '%';
+          style.width = 'auto';
+        } else {
+          style.top = cue.position + '%';
+        }
+      }
     } else if (computedPositionAlign == Cue.positionAlign.RIGHT) {
       style.cssFloat = 'right';
+      if (cue.position !== null) {
+        style.position = 'absolute';
+        if (cue.writingMode == Cue.writingMode.HORIZONTAL_TOP_TO_BOTTOM) {
+          style.right = cue.position + '%';
+          style.width = 'auto';
+        } else {
+          style.bottom = cue.position + '%';
+        }
+      }
+    } else {
+      if (cue.position !== null && cue.position != 50) {
+        style.position = 'absolute';
+        if (cue.writingMode == Cue.writingMode.HORIZONTAL_TOP_TO_BOTTOM) {
+          style.left = cue.position + '%';
+          style.width = 'auto';
+        } else {
+          style.top = cue.position + '%';
+        }
+      }
     }
 
     style.textAlign = cue.textAlign;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shaka-player",
   "description": "DASH/EME video player library",
-  "version": "4.9.20",
+  "version": "4.9.21",
   "homepage": "https://github.com/shaka-project/shaka-player",
   "author": "Google",
   "maintainers": [