Pixi.js v5 how to load m3u8(HLS) video on IOS mobile ?

[Bulb]

HI,

I want to use Pixi(v5) to play a hls(.m3u8) video on mobile webpage, 
but I find that on IOS (Iphone Xs), PIXI.Texture.from is not updated as predicted.
Can somebody tell me why & is there a way to solve it ?

This is my testing code.

# code
https://jsbin.com/pohikim/edit?html,js,console,output

# just Output
https://jsbin.com/pohikim/edit?output

some old discussing (2016)
https://stackoverflow.com/questions/43287226/hls-video-streaming-on-ios-safari

Thanks for your heeeeeelp

[ivan.popelyshev]

Does it work with just html5 video element, no pixi?

[Bulb]

Yes, just <video> , It can play normally.

And others browser supported HLS (ex: edge on PC) can play normally(both <video> & pixi ) , too.

[ivan.popelyshev]

ok, maybe we made something wrong with video width/height.

Try pixi 4.8.8 ?

[Bulb]

I have tried 4.8.8 & 4.5.1, still play normally on edge(PC),

but can't play on Ios mobile....

 

# v4.8.8 code (change PIXI.Texture.from to PIXI.Texture.fromVideo)

https://jsbin.com/qecucav/edit?html,js,output

# only Output

https://jsbin.com/qecucav/edit?output

 

Should I bring this to a new github issues ?

[ivan.popelyshev]

I informed the team, lets see if someone reproduces it  

Yes, the issue is good idea, forum is usually for questions. If this thing evolves into big patching session we'll need issue for sure.

[Bulb]

OK, Thanks for reply & informed the team. 

Will make a new issue latter.