7 Replies Latest reply on Dec 20, 2019 3:06 AM by mark12123

Video playback issue on IOS | accept ranges:none

abhinav.gupta01 Oct 10, 2018 7:47 AM

Hello,

We are facing issues while playing videos on IOS devices. We understood that for video to play successfully on Ios requires range headers support. ([WFLY-6413] Range headers do not seem to be handled correctly and prevents video delivery in Chrome and Safari - JBoss I… )

We are on Wildfly 14 and we see that for media requests we have accept-ranges: none, but it should be accept-ranges:bytes.

To enable this byte ranges explicitly we added expression-filter in standalone-full.xml like below, it was described here Re: Does Wildfly/Undertow support byte-range requests?

<expression-filter name="ranges" expression="byte-range(send-accept-ranges=true)" />

</filters>

attaching standalone-full.xml as an example.

Still no luck, we still see accept-ranges:none

I am also attaching complete network debugger .har file, this file has all requests and responses.

Below is the actual request which fetch media/mp4 from server, you can find such request in attached .har and we could see in response header that accept-ranges is none.

Request URL:

https://localhost:8444/InService/servlet/servicecenter/rest/media/Element.Media%3A%3AVj0xfnsicklkIjoiSVNfMDAwMDAxODk5NF9BTVBfT3JnIiwib3AiOlsiSVNfMDAwMDAxODk5NF9BTVBfT3JnIiwiSVNfMDAwMDAyMjU1M19BTVBfT3JnIiwiSVNfMDAwMDAyMjY4M19BTVBfT3JnIiwiQ29sMV9HUkFQSElDXzAwMDAwMDAxMzdfeC5tcDQiXSwibm4iOjMyNzUsInRzIjoxNTM5MTY1NTM5MzY0fQ/files/Col1_GRAPHIC_0000000137_x.mp4?collectionId=Col1&contentLang=x&highlight=mp4&effectivity=ContextId%20eq%20%27Product%253A%253AVj0xfnsicklkIjoiMDAwMDAyMjIwMiIsIm9wIjpbIjAwMDAwMjIyMDIiXSwibm4iOjIsInRzIjoxNTM5MTYzNTgxNjI5fQ%27&SRCType=Media

Does wildfly 14 support range-headers? are there any more settings/configurations we are supposed to do? Videos are unplayable on all ios devices, Please Help!

Thanks

standalone-full-oracle.xml.zip 7.8 KB
localhost.har.zip 3.2 MB

1. Re: Video playback issue on IOS | accept ranges:none

jaikiran Oct 11, 2018 1:07 AM (in response to abhinav.gupta01)

Does the server side handler/servlet which responds to this request, set the Content-Length response header to a valid value? That's necessary for the ByteRangeHandler in Undertow to properly set the accept-ranges response hader.
Actions
2. Re: Video playback issue on IOS | accept ranges:none

jaikiran Oct 11, 2018 1:08 AM (in response to jaikiran)

One other thing (I haven't checked any of your attachments), this is a GET request right?
Actions
3. Re: Video playback issue on IOS | accept ranges:none

abhinav.gupta01 Oct 11, 2018 3:40 AM (in response to jaikiran)

Yes Jaikiran. This is a GET request.

About, Content-length response header, we don't see that server side handler has set content-length header. Please see below snapshot

Request Header:

Response Header:

We tried setting content-length response header from application servlet, but somehow its not authored.
May be if possible, please a have look at the attached network debugger .har file, it has all requests and responses..

Please help!
Actions
4. Re: Video playback issue on IOS | accept ranges:none

jaikiran Oct 11, 2018 5:36 AM (in response to abhinav.gupta01)

The Content-Length response header plays a crucial role in this. If it isn't being set, then the accept-ranges will get set to none as you are seeing.

> We tried setting content-length response header from application servlet, but somehow its not authored.

How and where is that being set? Is it in the same handler where this media is being written out to the response? When you set that header, what exactly happens? Do you see any change in the value for accept-ranges response header, when you set the content length?

> May be if possible, please a have look at the attached network debugger .har file, it has all requests and responses..

I had a look at it. You will notice that some of the responses (to some other requests) have accept-ranges set to bytes, in the response. You will also notice that such response also has the content-length response header set too, which is a sign that the issue is very specific to this servlet/handler which is dealing with the media request and for some reason isn't setting the content length header.
Actions
5. Re: Video playback issue on IOS | accept ranges:none

abhinav.gupta01 Oct 11, 2018 7:46 AM (in response to jaikiran)

Hi Jaikiran.

Thanks a lot for your help. There was bug in servlet/handler dealing with media request which was not setting content-length header.

We set that header and see that accept ranges header is bytes (Accept ranges:bytes).

With this, videos are now working and playable on iPad.

Thanks much again!
Actions
6. Re: Video playback issue on IOS | accept ranges:none

jaikiran Oct 11, 2018 8:21 AM (in response to abhinav.gupta01)

Glad to hear it worked.
Actions
7. Re: Video playback issue on IOS | accept ranges:none

mark12123 Dec 20, 2019 3:06 AM (in response to jaikiran)

I wonder if either of you know what could be causing a similar issue for iOS iPad and iPhone in:

html - iOS Safari downloading whole MP4 video before playing? - Stack Overflow

?

Tia
Mark
Actions

Go to original post