fragParsingError with aes128 encrypted Low-Latency HLS

[liyuanliu1991]

What version of Hls.js are you using?

v1.3.2

What browser (including version) are you using?

Safari Version 16.3 (18614.4.6.1.5)

What OS (including version) are you using?

Ventura 13.2

Test stream

https://liujerry.egress.babelfish-us-west-2.com/out/v1/fe77f06698f846f58e83011d9bcbef6c/index.m3u8

Configuration

{
  "debug": true,
  "enableWorker": true,
  "lowLatencyMode": true,
  "backBufferLength": 90
}

Additional player setup steps

No response

Checklist

• The issue observed is not already reported by searching on Github under https://github.com/video-dev/hls.js/issues
• The issue occurs in the stable client (latest release) on https://hls-js.netlify.com/demo and not just on my page
• The issue occurs in the latest client (main branch) on https://hls-js-dev.netlify.com/demo and not just on my page
• The stream has correct Access-Control-Allow-Origin headers (CORS)
• There are no network errors such as 404s in the browser console when trying to play the stream

Steps to reproduce

1. Type https://liujerry.egress.babelfish-us-west-2.com/out/v1/fe77f06698f846f58e83011d9bcbef6c/index.m3u8 this url in the hls.js ( https://hls-js.netlify.app/demo ) and click play
2. You will see this video stopped after a few seconds.
3. This video is played normally in most of the other players like safari.
4. If we didn't encrypt the segments, it can be played normally in hls.js.
5. We manually download the segments from the output and use openssl to decrypt them, we can get playable decrypted segments from all output segments.
   The systemId is 3ea8778f-7742-4bf9-b18b-e834b2acbd47 , key provider url is https://um0ikww15m.execute-api.us-west-2.amazonaws.com/EkeStage/copyProtection, encryption method is aes 128. The key server provides us the secretKey, we generate our own iv in our code.

Expected behaviour

This url should be playable normally in hls.js.

What actually happened?

Hls.js stopped playing it after a few seconds.

Console output

Status output:
6.254 | Media element detached
6.257 | Loading https://liujerry.egress.babelfish-us-west-2.com/out/v1/fe77f06698f846f58e83011d9bcbef6c/index.m3u8
6.26 | Loading manifest and attaching video element...
6.267 | 1 quality levels found
6.268 | Manifest successfully loaded
6.338 | Media element attached, trying to recover media error.
17.333 | Media element detached
17.397 | Media element attached, trying to swap audio codec and recover media error.
17.949 | Media element detached
17.982 | Media element attached, cannot recover. Last media error recovery failed.

Error output:
17.33 | Parsing error:Found 3642 TS packet/s that do not start with 0x47
17.331 | A media error occurred: fragParsingError
17.945 | Parsing error:Found 3642 TS packet/s that do not start with 0x47
17.947 | A media error occurred: fragParsingError
18.449 | Parsing error:Found 3642 TS packet/s that do not start with 0x47
18.451 | A media error occurred: fragParsingError

Chrome media internals output

Not using chrome.

[robwalch]

The stream works with Low-Latency disabled { "lowLatencyMode": false }:
https://hls-js.netlify.app/demo/?src=https%3A%2F%2Fliujerry.egress.babelfish-us-west-2.com%2Fout%2Fv1%2Ffe77f06698f846f58e83011d9bcbef6c%2Findex.m3u8&demoConfig=eyJlbmFibGVTdHJlYW1pbmciOnRydWUsImF1dG9SZWNvdmVyRXJyb3IiOnRydWUsInN0b3BPblN0YWxsIjpmYWxzZSwiZHVtcGZNUDQiOmZhbHNlLCJsZXZlbENhcHBpbmciOi0xLCJsaW1pdE1ldHJpY3MiOi0xfQ==

So the issue appears to be that the player is not handling AES-128 encryption when streaming parts.

[liyuanliu1991]

Thank you so much!