html5 - Hls video streaming on iOS/Safari -


i trying stream hls on safari ios aframe has three.js under hood. video shows black screen audio playing. video src of type .m3u8. tried read through lot of related posts none seem have proper solution. kind of wishful thinking getting hls & webgl play on ios? if not, can 1 please me solution.

a couple of discussions on issues available on github:

hls m3u8 video streaming

hls on safari

to question:

is kind of wishful thinking getting hls & webgl play on ios?

yes, wishful thinking :-) problem/issue/bug apple, not library. no matter js library, a-frame, three, etc, issue on browser in ios (all browsers on ios wrappers safari), , osx safari.

the issue (from understanding):

  1. at point in history of webgl, there restrictions on cross-origin content (videos, images, etc). can't find source this, remember reading somewhere, might not 100% accurate.
  2. recently (a couple years ago? 2015?) major browsers came conclusion cross-origin media use in webgl safe. except apple/safari.
  3. for browsers, crossorigin attribute on <video> element signal content came source. in safari, whatever reason, attribute ignored or not implemented. in fact, looks webkit, safari based on, fixed far 2015, apple still not implement it. apple refuses comment on progress.

possible workarounds:

  1. webgl on safari works progressive (not stream hls/dash) .mp4 videos. check out 360 video on facebook (website, not app) in ios/safari, , you'll note source .mp4.
  2. use hls (or dash), play video flat, without webgl. check out 360 video on youtube (website, not app), , think using hls or dash, point stream video, whereas facebook doesn't.

here's starting point real issue: link.

here's detailed thread: link.


Comments

Popular posts from this blog

c# - Update a combobox from a presenter (MVP) -

How to understand 2 main() functions after using uftrace to profile the C++ program? -

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -