shaka-player 4.7.6 → 4.7.8

package/lib/hls/hls_parser.js

@@ -447,8 +447,9 @@ shaka.hls.HlsParser = class {
     const {segments, bandwidth} = this.createSegments_(
         playlist, stream, mediaSequenceToStartTime, mediaVariables,
         streamInfo.getUris);
-
-    stream.bandwidth = bandwidth;
+    if (bandwidth) {
+      stream.bandwidth = bandwidth;
+    }
 
     stream.segmentIndex.mergeAndEvict(
         segments, this.presentationTimeline_.getSegmentAvailabilityStart());
@@ -1383,7 +1384,7 @@ shaka.hls.HlsParser = class {
       videoLayout = videoLayout || 'CH-MONO';
 
       const streamInfos = this.createStreamInfosForVariantTags_(tags,
-          mediaTags, resolution, frameRate);
+          mediaTags, resolution, frameRate, bandwidth);
 
       goog.asserts.assert(streamInfos.audio.length ||
           streamInfos.video.length, 'We should have created a stream!');
@@ -1411,10 +1412,12 @@ shaka.hls.HlsParser = class {
    * @param {!Array.<!shaka.hls.Tag>} mediaTags
    * @param {?string} resolution
    * @param {?string} frameRate
+   * @param {number} bandwidth
    * @return {!shaka.hls.HlsParser.StreamInfos}
    * @private
    */
-  createStreamInfosForVariantTags_(tags, mediaTags, resolution, frameRate) {
+  createStreamInfosForVariantTags_(
+      tags, mediaTags, resolution, frameRate, bandwidth) {
     const ContentType = shaka.util.ManifestParserUtils.ContentType;
 
     /** @type {shaka.hls.HlsParser.StreamInfos} */
@@ -1549,6 +1552,9 @@ shaka.hls.HlsParser = class {
       if (globalGroupId) {
         streamInfo.stream.groupId = globalGroupId;
       }
+      if (!streamInfos.length) {
+        streamInfo.stream.bandwidth = bandwidth;
+      }
       res[streamInfo.stream.type] = [streamInfo];
     }
     return res;
@@ -2252,7 +2258,7 @@ shaka.hls.HlsParser = class {
       stream.drmInfos = realStream.drmInfos;
       stream.keyIds = realStream.keyIds;
       stream.mimeType = realStream.mimeType;
-      stream.bandwidth = realStream.bandwidth;
+      stream.bandwidth = stream.bandwidth || realStream.bandwidth;
       stream.codecs = stream.codecs || realStream.codecs;
 
       // Since we lazy-loaded this content, the player may need to create new
@@ -2531,7 +2537,9 @@ shaka.hls.HlsParser = class {
 
     const {segments, bandwidth} = this.createSegments_(
         playlist, stream, mediaSequenceToStartTime, mediaVariables, getUris);
-    stream.bandwidth = bandwidth;
+    if (bandwidth) {
+      stream.bandwidth = bandwidth;
+    }
 
     // This new calculation is necessary for Low Latency streams.
     if (this.isLive_()) {

package/lib/media/drm_engine.js

@@ -542,6 +542,15 @@ shaka.media.DrmEngine = class {
     }
   }
 
+  /**
+   * Returns true if the manifest has init data.
+   *
+   * @return {boolean}
+   */
+  hasManifestInitData() {
+    return !!this.manifestInitData_;
+  }
+
   /**
    * Sets the server certificate based on the current DrmInfo.
    *

package/lib/mss/mss_parser.js

@@ -661,6 +661,8 @@ shaka.mss.MssParser = class {
           videoNalus: videoNalus,
           audioConfig: new Uint8Array([]),
           videoConfig: new Uint8Array([]),
+          hSpacing: 0,
+          vSpacing: 0,
           data: null, // Data is not necessary for init segement.
           stream: stream,
         };

package/lib/offline/storage.js

@@ -400,6 +400,10 @@ shaka.offline.Storage = class {
           downloader, config, activeHandle.cell, manifest, drmEngine);
       this.ensureNotDestroyed_();
 
+      this.setManifestDrmFields_(manifest, manifestDB, drmEngine, config);
+      await activeHandle.cell.updateManifest(manifestId, manifestDB);
+      this.ensureNotDestroyed_();
+
       const offlineUri = shaka.offline.OfflineUri.manifest(
           activeHandle.path.mechanism, activeHandle.path.cell, manifestId);
 

package/lib/player.js

@@ -723,6 +723,7 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
 
     if (shaka.Player.adManagerFactory_) {
       this.adManager_ = shaka.Player.adManagerFactory_();
+      this.adManager_.configure(this.config_.ads);
     }
 
     // If the browser comes back online after being offline, then try to play
@@ -4691,6 +4692,12 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
           shaka.util.Error.Code.CONTENT_NOT_LOADED);
     }
 
+    if (kind != 'subtitles' && kind != 'captions') {
+      shaka.log.alwaysWarn(
+          'Using a kind value different of `subtitles` or `captions` can ' +
+          'cause unwanted issues.');
+    }
+
     if (!mimeType) {
       mimeType = await this.getTextMimetype_(uri);
     }
@@ -6494,6 +6501,8 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
     const restrictedStatuses = shaka.Player.restrictedStatuses_;
     let tracksChanged = false;
 
+    goog.asserts.assert(this.drmEngine_, 'drmEngine should be non-null here.');
+
     // Only filter tracks for keys if we have some key statuses to look at.
     if (keyIds.length) {
       for (const variant of this.manifest_.variants) {
@@ -6509,8 +6518,10 @@ shaka.Player = class extends shaka.util.FakeEventTarget {
 
             for (const keyId of stream.keyIds) {
               const keyStatus = keyStatusMap[isGlobalStatus ? '00' : keyId];
-              variant.allowedByKeySystem = variant.allowedByKeySystem &&
-                  !!keyStatus && !restrictedStatuses.includes(keyStatus);
+              if (keyStatus || this.drmEngine_.hasManifestInitData()) {
+                variant.allowedByKeySystem = variant.allowedByKeySystem &&
+                    !!keyStatus && !restrictedStatuses.includes(keyStatus);
+              }
             }
           }
 
@@ -6914,7 +6925,7 @@ shaka.Player.TYPICAL_BUFFERING_THRESHOLD_ = 0.5;
  * @export
  */
 // eslint-disable-next-line no-useless-concat
-shaka.Player.version = 'v4.7.6' + '-uncompiled';  // x-release-please-version
+shaka.Player.version = 'v4.7.8' + '-uncompiled';  // x-release-please-version
 
 // Initialize the deprecation system using the version string we just set
 // on the player.

package/lib/polyfill/media_capabilities.js

@@ -141,8 +141,15 @@ shaka.polyfill.MediaCapabilities = class {
       }
 
       if (audioConfig) {
-        const contentType = audioConfig.contentType;
-        const isSupported = Capabilities.isTypeSupported(contentType);
+        let isSupported;
+        if (shaka.util.Platform.isChromecast() &&
+            audioConfig.spatialRendering) {
+          const extendedType =
+              audioConfig.contentType + '; spatialRendering=true';
+          isSupported = Capabilities.isTypeSupported(extendedType);
+        } else {
+          isSupported = Capabilities.isTypeSupported(audioConfig.contentType);
+        }
         if (!isSupported) {
           return res;
         }
@@ -184,10 +191,23 @@ shaka.polyfill.MediaCapabilities = class {
       const videoCapabilities = [];
 
       if (mediaCapkeySystemConfig.audio) {
-        const capability = {
+        let capability = {
           robustness: mediaCapkeySystemConfig.audio.robustness || '',
           contentType: mediaDecodingConfig.audio.contentType,
         };
+
+        // Some Tizen devices seem to misreport AC-3 support, but correctly
+        // report EC-3 support. So query EC-3 as a fallback for AC-3.
+        // See https://github.com/shaka-project/shaka-player/issues/2989 for
+        // details.
+        if (shaka.util.Platform.isTizen() &&
+          mediaDecodingConfig.audio.contentType.includes('codecs="ac-3"')) {
+          capability = {
+            robustness: capability.robustness,
+            contentType: 'audio/mp4; codecs="ec-3"',
+          };
+        }
+
         audioCapabilities.push(capability);
       }
 

package/lib/transmuxer/aac_transmuxer.js

@@ -195,6 +195,8 @@ shaka.transmuxer.AacTransmuxer = class {
       videoNalus: [],
       audioConfig: new Uint8Array([]),
       videoConfig: new Uint8Array([]),
+      hSpacing: 0,
+      vSpacing: 0,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,

package/lib/transmuxer/ac3_transmuxer.js

@@ -184,6 +184,8 @@ shaka.transmuxer.Ac3Transmuxer = class {
       videoNalus: [],
       audioConfig: audioConfig,
       videoConfig: new Uint8Array([]),
+      hSpacing: 0,
+      vSpacing: 0,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,

package/lib/transmuxer/ec3_transmuxer.js

@@ -184,6 +184,8 @@ shaka.transmuxer.Ec3Transmuxer = class {
       videoNalus: [],
       audioConfig: audioConfig,
       videoConfig: new Uint8Array([]),
+      hSpacing: 0,
+      vSpacing: 0,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,

package/lib/transmuxer/h264.js

@@ -20,7 +20,8 @@ shaka.transmuxer.H264 = class {
    * describes the properties of upcoming video frames.
    *
    * @param {!Array.<shaka.extern.VideoNalu>} nalus
-   * @return {?{height: number, width: number, videoConfig: !Uint8Array}}
+   * @return {?{height: number, width: number, videoConfig: !Uint8Array,
+   *            hSpacing: number, vSpacing: number}}
    */
   static parseInfo(nalus) {
     const H264 = shaka.transmuxer.H264;
@@ -129,6 +130,30 @@ shaka.transmuxer.H264 = class {
       frameCropBottomOffset = expGolombDecoder.readUnsignedExpGolomb();
     }
 
+    let hSpacing = 1;
+    let vSpacing = 1;
+
+    // vui_parameters_present_flag
+    if (expGolombDecoder.readBoolean()) {
+      // aspect_ratio_info_present_flag
+      if (expGolombDecoder.readBoolean()) {
+        const aspectRatioIdc = expGolombDecoder.readUnsignedByte();
+        const hSpacingTable = [
+          1, 12, 10, 16, 40, 24, 20, 32, 80, 18, 15, 64, 160, 4, 3, 2,
+        ];
+        const vSpacingTable = [
+          1, 11, 11, 11, 33, 11, 11, 11, 33, 11, 11, 33, 99, 3, 2, 1,
+        ];
+        if (aspectRatioIdc > 0 && aspectRatioIdc < 16) {
+          hSpacing = hSpacingTable[aspectRatioIdc - 1];
+          vSpacing = vSpacingTable[aspectRatioIdc - 1];
+        } else if (aspectRatioIdc === 255) {
+          hSpacing = expGolombDecoder.readBits(16);
+          vSpacing = expGolombDecoder.readBits(16);
+        }
+      }
+    }
+
     const height = ((2 - frameMbsOnlyFlag) *
         (picHeightInMapUnitsMinus1 + 1) * 16) - (frameCropTopOffset * 2) -
         (frameCropBottomOffset * 2);
@@ -165,6 +190,8 @@ shaka.transmuxer.H264 = class {
       height,
       width,
       videoConfig,
+      hSpacing,
+      vSpacing,
     };
   }
 

package/lib/transmuxer/h265.js

@@ -20,7 +20,8 @@ shaka.transmuxer.H265 = class {
    * describes the properties of upcoming video frames.
    *
    * @param {!Array.<shaka.extern.VideoNalu>} nalus
-   * @return {?{height: number, width: number, videoConfig: !Uint8Array}}
+   * @return {?{height: number, width: number, videoConfig: !Uint8Array,
+   *            hSpacing: number, vSpacing: number}}
    */
   static parseInfo(nalus) {
     const H265 = shaka.transmuxer.H265;
@@ -87,6 +88,8 @@ shaka.transmuxer.H265 = class {
       height: spsConfiguration.height,
       width: spsConfiguration.width,
       videoConfig,
+      hSpacing: spsConfiguration.sarWidth,
+      vSpacing: spsConfiguration.sarHeight,
     };
   }
 
@@ -298,6 +301,8 @@ shaka.transmuxer.H265 = class {
       }
     }
     let defaultDisplayWindowFlag = false; // for calc offset
+    let sarWidth = 1;
+    let sarHeight = 1;
     let minSpatialSegmentationIdc = 0; // for hvcC
     gb.readBoolean(); // sps_temporal_mvp_enabled_flag
     gb.readBoolean(); // strong_intra_smoothing_enabled_flag
@@ -306,9 +311,18 @@ shaka.transmuxer.H265 = class {
       const aspectRatioInfoPresentFlag = gb.readBoolean();
       if (aspectRatioInfoPresentFlag) {
         const aspectRatioIdc = gb.readUnsignedByte();
-        if (aspectRatioIdc === 255) {
-          gb.readBits(16); // sar_width
-          gb.readBits(16); // sar_height
+        const sarWidthTable = [
+          1, 12, 10, 16, 40, 24, 20, 32, 80, 18, 15, 64, 160, 4, 3, 2,
+        ];
+        const sarHeightTable = [
+          1, 11, 11, 11, 33, 11, 11, 11, 33, 11, 11, 33, 99, 3, 2, 1,
+        ];
+        if (aspectRatioIdc > 0 && aspectRatioIdc < 16) {
+          sarWidth = sarWidthTable[aspectRatioIdc - 1];
+          sarHeight = sarHeightTable[aspectRatioIdc - 1];
+        } else if (aspectRatioIdc === 255) {
+          sarWidth = gb.readBits(16);
+          sarHeight = gb.readBits(16);
         }
       }
       const overscanInfoPresentFlag = gb.readBoolean();
@@ -459,6 +473,8 @@ shaka.transmuxer.H265 = class {
       bitDepthChromaMinus8,
       width: codecWidth,
       height: codecHeight,
+      sarWidth: sarWidth,
+      sarHeight: sarHeight,
     };
   }
 
@@ -773,7 +789,9 @@ shaka.transmuxer.H265.VPSConfiguration;
  *  bitDepthLumaMinus8: number,
  *  bitDepthChromaMinus8: number,
  *  width: number,
- *  height: number
+ *  height: number,
+ *  sarWidth: number,
+ *  sarHeight: number
  * }}
  *
  * @property {number} generalProfileSpace
@@ -797,6 +815,8 @@ shaka.transmuxer.H265.VPSConfiguration;
  * @property {number} bitDepthChromaMinus8
  * @property {number} width
  * @property {number} height
+ * @property {number} sarWidth
+ * @property {number} sarHeight
  */
 shaka.transmuxer.H265.SPSConfiguration;
 

package/lib/transmuxer/mp3_transmuxer.js

@@ -176,6 +176,8 @@ shaka.transmuxer.Mp3Transmuxer = class {
       videoNalus: [],
       audioConfig: new Uint8Array([]),
       videoConfig: new Uint8Array([]),
+      hSpacing: 0,
+      vSpacing: 0,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,

package/lib/transmuxer/ts_transmuxer.js

@@ -409,6 +409,8 @@ shaka.transmuxer.TsTransmuxer = class {
       videoNalus: [],
       audioConfig: new Uint8Array([]),
       videoConfig: new Uint8Array([]),
+      hSpacing: 0,
+      vSpacing: 0,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,
@@ -500,6 +502,8 @@ shaka.transmuxer.TsTransmuxer = class {
       videoNalus: [],
       audioConfig: audioConfig,
       videoConfig: new Uint8Array([]),
+      hSpacing: 0,
+      vSpacing: 0,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,
@@ -591,6 +595,8 @@ shaka.transmuxer.TsTransmuxer = class {
       videoNalus: [],
       audioConfig: audioConfig,
       videoConfig: new Uint8Array([]),
+      hSpacing: 0,
+      vSpacing: 0,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,
@@ -677,6 +683,8 @@ shaka.transmuxer.TsTransmuxer = class {
       videoNalus: [],
       audioConfig: new Uint8Array([]),
       videoConfig: new Uint8Array([]),
+      hSpacing: 0,
+      vSpacing: 0,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,
@@ -769,6 +777,8 @@ shaka.transmuxer.TsTransmuxer = class {
       videoNalus: [],
       audioConfig: new Uint8Array([]),
       videoConfig: info.videoConfig,
+      hSpacing: info.hSpacing,
+      vSpacing: info.vSpacing,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,
@@ -861,6 +871,8 @@ shaka.transmuxer.TsTransmuxer = class {
       videoNalus: [],
       audioConfig: new Uint8Array([]),
       videoConfig: info.videoConfig,
+      hSpacing: info.hSpacing,
+      vSpacing: info.vSpacing,
       data: {
         sequenceNumber: this.frameIndex_,
         baseMediaDecodeTime: baseMediaDecodeTime,

package/lib/util/cmcd_manager.js

@@ -65,6 +65,9 @@ shaka.util.CmcdManager = class {
    */
   configure(config) {
     this.config_ = config;
+    if (this.config_.sessionId && this.config_.sessionId != this.sid_) {
+      this.sid_ = '';
+    }
   }
 
   /**
@@ -407,6 +410,15 @@ shaka.util.CmcdManager = class {
    */
   getObjectTypeFromMimeType_(mimeType) {
     switch (mimeType.toLowerCase()) {
+      case 'audio/mp4':
+      case 'audio/webm':
+      case 'audio/ogg':
+      case 'audio/mpeg':
+      case 'audio/aac':
+      case 'audio/flac':
+      case 'audio/wav':
+        return shaka.util.CmcdManager.ObjectType.AUDIO;
+
       case 'video/webm':
       case 'video/mp4':
       case 'video/mpeg':
@@ -417,6 +429,7 @@ shaka.util.CmcdManager = class {
       case 'application/vnd.apple.mpegurl':
       case 'application/dash+xml':
       case 'video/vnd.mpeg.dash.mpd':
+      case 'application/vnd.ms-sstr+xml':
         return shaka.util.CmcdManager.ObjectType.MANIFEST;
 
       default:

package/lib/util/manifest_parser_utils.js

@@ -179,6 +179,8 @@ shaka.util.ManifestParserUtils.VIDEO_CODEC_REGEXPS_ = [
   /^avc/,
   /^hev/,
   /^hvc/,
+  /^vvc/,
+  /^vvi/,
   /^vp0?[89]/,
   /^av01/,
   /^dvh/,

package/lib/util/mp4_generator.js

@@ -371,12 +371,13 @@ shaka.util.Mp4Generator = class {
     ]);
 
     let boxName = 'avc1';
+    const paspBox = this.pasp_(streamInfo);
     let sinfBox = new Uint8Array([]);
     if (streamInfo.encrypted) {
       sinfBox = this.sinf_(streamInfo);
       boxName = 'encv';
     }
-    return Mp4Generator.box(boxName, avc1Bytes, avcCBox, sinfBox);
+    return Mp4Generator.box(boxName, avc1Bytes, avcCBox, paspBox, sinfBox);
   }
 
   /**
@@ -500,12 +501,34 @@ shaka.util.Mp4Generator = class {
     ]);
 
     let boxName = 'hvc1';
+    const paspBox = this.pasp_(streamInfo);
     let sinfBox = new Uint8Array([]);
     if (streamInfo.encrypted) {
       sinfBox = this.sinf_(streamInfo);
       boxName = 'encv';
     }
-    return Mp4Generator.box(boxName, hvc1Bytes, hvcCBox, sinfBox);
+    return Mp4Generator.box(boxName, hvc1Bytes, hvcCBox, paspBox, sinfBox);
+  }
+
+  /**
+   * Generate a PASP box
+   *
+   * @param {shaka.util.Mp4Generator.StreamInfo} streamInfo
+   * @return {!Uint8Array}
+   * @private
+   */
+  pasp_(streamInfo) {
+    if (!streamInfo.hSpacing && !streamInfo.vSpacing) {
+      return new Uint8Array([]);
+    }
+    const Mp4Generator = shaka.util.Mp4Generator;
+    const hSpacing = streamInfo.hSpacing;
+    const vSpacing = streamInfo.vSpacing;
+    const bytes = new Uint8Array([
+      ...this.breakNumberIntoBytes_(hSpacing, 4), // hSpacing
+      ...this.breakNumberIntoBytes_(vSpacing, 4), // vSpacing
+    ]);
+    return Mp4Generator.box('pasp', bytes);
   }
 
   /**
@@ -1301,6 +1324,8 @@ shaka.util.Mp4Generator.DINF_ = new Uint8Array([]);
  *    videoNalus: !Array.<string>,
  *    audioConfig: !Uint8Array,
  *    videoConfig: !Uint8Array,
+ *    hSpacing: number,
+ *    vSpacing: number,
  *    data: ?shaka.util.Mp4Generator.Data,
  *    stream: !shaka.extern.Stream
  * }}
@@ -1325,6 +1350,10 @@ shaka.util.Mp4Generator.DINF_ = new Uint8Array([]);
  *   The stream's audio config.
  * @property {!Uint8Array} videoConfig
  *   The stream's video config.
+ * @property {number} hSpacing
+ *   The stream's video horizontal spacing of pixels.
+ * @property {number} vSpacing
+ *   The stream's video vertial spacing of pixels.
  * @property {?shaka.util.Mp4Generator.Data} data
  *   The stream's data.
  * @property {!shaka.extern.Stream} stream

package/lib/util/stream_utils.js

@@ -162,7 +162,7 @@ shaka.util.StreamUtils = class {
           const currentCodec =
             MimeUtils.getNormalizedCodec(stream.codecs);
           if (previousCodec == currentCodec) {
-            if (stream.bandwidth < previousStream.bandwidth) {
+            if (stream.bandwidth > previousStream.bandwidth) {
               validVideoStreams.push(stream);
               validVideoIds.push(stream.id);
             }
@@ -917,15 +917,7 @@ shaka.util.StreamUtils = class {
       return 'opus';
     }
 
-    // Some Tizen devices seem to misreport AC-3 support, but correctly
-    // report EC-3 support.  So query EC-3 as a fallback for AC-3.
-    // See https://github.com/shaka-project/shaka-player/issues/2989 for
-    // details.
-    if (shaka.util.Platform.isTizen()) {
-      return codecs.toLowerCase() == 'ac-3' ? 'ec-3' : codecs;
-    } else {
-      return codecs;
-    }
+    return codecs;
   }
 
 

package/lib/util/ts_parser.js

@@ -446,10 +446,11 @@ shaka.util.TsParser = class {
    *
    * @param {shaka.extern.MPEG_PES} pes
    * @param {?shaka.extern.VideoNalu=} lastNalu
+   * @param {?number=} lastState
    * @return {!Array.<shaka.extern.VideoNalu>}
    * @export
    */
-  parseNalus(pes, lastNalu) {
+  parseNalus(pes, lastNalu, lastState) {
     const timescale = shaka.util.TsParser.Timescale;
     const time = pes.pts ? pes.pts / timescale : null;
     const data = pes.data;
@@ -465,7 +466,7 @@ shaka.util.TsParser = class {
     // precede each NALU. A start code is 2 or 3 0x00 bytes followed with a
     // 0x01 byte. e.g. 0x000001 or 0x00000001.
     // More info in: https://stackoverflow.com/questions/24884827/possible-locations-for-sequence-picture-parameter-sets-for-h-264-stream/24890903#24890903
-    let numZeros = 0;
+    let numZeros = lastState || 0;
 
     /** @type {!Array.<shaka.extern.VideoNalu>} */
     const nalus = [];
@@ -490,7 +491,7 @@ shaka.util.TsParser = class {
           const startCodeSize = numZeros > 3 ? 3 : numZeros;
           const lastByteToKeep = i - startCodeSize;
           // Optimization
-          if (lastByteToKeep != 0) {
+          if (lastState && lastByteToKeep != 0) {
             const prevData = data.subarray(0, lastByteToKeep);
             lastNalu.data = shaka.util.Uint8ArrayUtils.concat(
                 lastNalu.data, prevData);
@@ -572,6 +573,7 @@ shaka.util.TsParser = class {
       lastNalu.fullData = shaka.util.Uint8ArrayUtils.concat(
           lastNalu.fullData, data);
     }
+    lastState = Math.min(3, numZeros);
     return nalus;
   }
 
@@ -676,8 +678,9 @@ shaka.util.TsParser = class {
       }
       if (naluProcessing) {
         let lastNalu;
+        let lastState;
         for (const pes of this.videoPes_) {
-          pes.nalus = this.parseNalus(pes, lastNalu);
+          pes.nalus = this.parseNalus(pes, lastNalu, lastState);
           if (pes.nalus.length) {
             lastNalu = pes.nalus[pes.nalus.length - 1];
           }

package/package.json

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

package/ui/externs/ui.js

@@ -486,3 +486,27 @@ shaka.extern.IUISeekBar.Factory = class {
    */
   create(rootElement, controls) {}
 };
+
+/**
+ * @interface
+ * @exportDoc
+ */
+shaka.extern.IUIPlayButton = class {
+  /**
+   * @param {!HTMLElement} parent
+   * @param {!shaka.ui.Controls} controls
+   */
+  constructor(parent, controls) {
+    /**
+     * @protected {!HTMLButtonElement}
+     * @exportDoc
+     */
+    this.button;
+  }
+
+  /** @return {boolean} */
+  isPaused() {}
+
+  /** @return {boolean} */
+  isEnded() {}
+};

package/ui/play_button.js

@@ -16,6 +16,7 @@ goog.requireType('shaka.ui.Controls');
 
 /**
  * @extends {shaka.ui.Element}
+ * @implements {shaka.extern.IUIPlayButton}
  * @export
  */
 shaka.ui.PlayButton = class extends shaka.ui.Element {
@@ -95,6 +96,7 @@ shaka.ui.PlayButton = class extends shaka.ui.Element {
   /**
    * @return {boolean}
    * @protected
+   * @override
    */
   isPaused() {
     if (this.ad && this.ad.isLinear()) {
@@ -107,6 +109,7 @@ shaka.ui.PlayButton = class extends shaka.ui.Element {
   /**
    * @return {boolean}
    * @protected
+   * @override
    */
   isEnded() {
     if (this.ad && this.ad.isLinear()) {