[iPadOS < 17] Can't find variable: ManagedMediaSource

[HokkanenTeemu]

Have you read the FAQ and checked for duplicate open issues?
Yes

If the problem is related to FairPlay, have you read the tutorial?

What version of Shaka Player are you using?

Issue was introduced in 4.12.0

Can you reproduce the issue with our latest release version?
Yes

Can you reproduce the issue with the latest code from main?
Yes

Are you using the demo app or your own custom app?
Custom app

If custom app, can you reproduce the issue using our demo app?

What browser and OS are you using?

For embedded devices (smart TVs, etc.), what model and firmware version are you using?

What are the manifest and license server URIs?

What configuration are you using? What is the output of player.getNonDefaultConfiguration()?

Default

What did you do?

On iPad with OS 16 or older:

1. install polyfills
2. create player instance
3. try to play hls

shaka.polyfill.installAll()
const video = document.querySelector("video")
const player = new shaka.Player()
await player.attach(video)
await player.load(
  "https://demo.unified-streaming.com/k8s/features/stable/video/tears-of-steel/tears-of-steel.ism/.m3u8"
)

What did you expect to happen?
I expect the hls video to play

What actually happened?

Load fails with following error:
Unhandled Promise Rejection: ReferenceError: Can't find variable: ManagedMediaSource

This is because iPads with iPadOS 16 or older don't have ManagedMediaSource which is referenced here:

shaka-player/lib/media/media_source_engine.js

Line 274 in 79b1536

if (!this.video_ || !(this.mediaSource_ instanceof ManagedMediaSource)) {

This bug was introduced in a6cf9cb so versions before 4.12.0 are working. Workaround is to use older version like 4.11.4 or to use native hls.

Are you planning send a PR to fix it?
No