hls.js fails to load on Safari iOS

[realeyes-matthew]

What version of Hls.js are you using?

Local build off master as of June 5 2019

What browser and OS are you using?

iOS Safari

Test stream:

N/A

Checklist

• [x ] 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 on https://hls-js.netlify.com/demo and not just on my page

• [x ] The issue occurs in the latest client on https://hls-js-latest.netlify.com/demo and not just on my page

• [x ] The stream has correct Access-Control-Allow-Origin headers (CORS)
• [x ] There are no network errors such as 404s in the browser console when trying to play the stream

Steps to reproduce

1. Please provide clear steps to reproduce your problem

Go to https://hls-js-latest.netlify.com/demo and inspect the console logs using Safari remote debugger.

2. If the bug is intermittent, give a rough frequency

Always

Expected behavior

hls.js demo page will load

Actual behavior

The errors below are thrown and no errors are shown in the error logger on the demo page.

Console output

[Error] ReferenceError: Can't find variable: MediaSource
	getMediaSource (hls.js:8994)
	./src/hls.ts (hls.js:9047)
	__webpack_require__ (hls.js:31)
	(anonymous function) (hls.js:95)
	(anonymous function) (hls.js:96)
	webpackUniversalModuleDefinition (hls.js:10)
	Global Code (hls.js:11)
[Error] ReferenceError: Can't find variable: Hls
	(anonymous function) (hls-demo.js:237:105)
	j (jquery.min.js:2:26917)
	fireWith (jquery.min.js:2:27726)
	ready (jquery.min.js:2:29530)
	I (jquery.min.js:2:29715)

For media errors reported on Chrome browser, please also paste the output of chrome://media-internals 

[realeyes-matthew]

PR imminent

[johnBartos]

This is iPad Safari, right?

[realeyes-matthew]

We found this on iPhone

[johnBartos]

iPhone doesn’t support MSE

…

On Wed, Jun 5, 2019 at 18:49 Matthew Thompson ***@***.***> wrote: We found this on iPhone — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#2262?email_source=notifications&email_token=ABGPAZGFERLOAPQSAHIS3PLPZA7JHA5CNFSM4HUHTOBKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXBHT4Q#issuecomment-499284466>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABGPAZEKNITVCTHTYABBMU3PZA7JHANCNFSM4HUHTOBA> .

[realeyes-matthew]

We use native HTML video element for Safari on iOS but when hls.js loaded it would throw this error and the whole player would fail. This PR just references the correct MediaSource object on the window

[AmethystLiang]

We are also having this issue on iOS browsers.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[ryancwalsh]

I see #2367 (comment) says iOS is not supported by hls.js.

[minhzc]

HLS is the native standard of iOS, you don't have to use any library to play m3u8 but only the native video element.