ERROR SWITCHING RESOLUTION - ONLY ANDROID v<=11

Febnu commented 1 year ago

Description

Hi, I'm trying to use ABR Streaming with m3u8 playlist on browser CHROME on Android (version <= 11) devices, but I get the following error while videojs tries to swith to highest resolution. VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported.

I understand it's a due to unsupported codec of the two highest resolution video

ABR Streaming of this playlist works on desktop - windows, macos - ios and android v > 11 chrome/firefox/safari

DEMO VHS WITH THE WHOLE PLAYLIST

DEMO VHS WITH THE 1080 PLAYLIST - NOT WORKING

DEMO VHS WITH THE 720 PLAYLIST - NOT WORKING

DEMO VHS WITH THE 480 PLAYLIST - WORKING

DEMO VHS WITH THE 360 PLAYLIST - WORKING

DEMO VHS WITH THE 240 PLAYLIST - WORKING

Sources

m3u8 playlist

Steps to reproduce

You can see this problem with each of the video at this link https://video.cookist.it/flash on Chrome on ANDROID 10/11 mobile

Open url
videojs starts downloading 480 playlist
then switches to 1080 playlist - if network has enough bandwidth
video freezes

Results

Expected

I expected the engine to ignore the resolution with unsupported codec and use only the ones supported

Error output

video freezes with error outputs

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported.

Additional Information

videojs-http-streaming version

2.16.2

videojs version

8.0.4

Browsers

CHROME 113.0.5672.131

Platforms

Android v <= 11 mobile devices

Other Plugins

N/A

Other JavaScript

N/A

video-archivist-bot commented 1 year ago

Hey! We've detected some video files in a comment on this issue. If you'd like to permanently archive these videos and tie them to this project, a maintainer of the project can reply to this issue with the following commands:

for https://videojs-http-streaming.netlify.app/?debug=false&autoplay=false&muted=false&fluid=false&minified=false&sync-workers=false&liveui=true&llhls=true&url=https%3A%2F%2Fd1vvp9ihshjy3m.cloudfront.net%2Fflash%2FZGdflOSwBHKn1mRp%2FZGdflOSwBHKn1mRp.m3u8: say @video-archivist-bot save rwoo8w
for https://videojs-http-streaming.netlify.app/?debug=false&autoplay=false&muted=false&fluid=false&minified=false&sync-workers=false&liveui=true&llhls=true&url=https%3A%2F%2Fd1vvp9ihshjy3m.cloudfront.net%2Fflash%2FZGdflOSwBHKn1mRp%2FZGdflOSwBHKn1mRp_5.m3u8: say @video-archivist-bot save vjNoxw
for https://videojs-http-streaming.netlify.app/?debug=false&autoplay=false&muted=false&fluid=false&minified=false&sync-workers=false&liveui=true&llhls=true&url=https%3A%2F%2Fd1vvp9ihshjy3m.cloudfront.net%2Fflash%2FZGdflOSwBHKn1mRp%2FZGdflOSwBHKn1mRp_4.m3u8: say @video-archivist-bot save gjxYYw
for https://videojs-http-streaming.netlify.app/?debug=false&autoplay=false&muted=false&fluid=false&minified=false&sync-workers=false&liveui=true&llhls=true&url=https%3A%2F%2Fd1vvp9ihshjy3m.cloudfront.net%2Fflash%2FZGdflOSwBHKn1mRp%2FZGdflOSwBHKn1mRp_3.m3u8: say @video-archivist-bot save qABX8j
for https://videojs-http-streaming.netlify.app/?debug=false&autoplay=false&muted=false&fluid=false&minified=false&sync-workers=false&liveui=true&llhls=true&url=https%3A%2F%2Fd1vvp9ihshjy3m.cloudfront.net%2Fflash%2FZGdflOSwBHKn1mRp%2FZGdflOSwBHKn1mRp_2.m3u8: say @video-archivist-bot save ljabqw
for https://videojs-http-streaming.netlify.app/?debug=false&autoplay=false&muted=false&fluid=false&minified=false&sync-workers=false&liveui=true&llhls=true&url=https%3A%2F%2Fd1vvp9ihshjy3m.cloudfront.net%2Fflash%2FZGdflOSwBHKn1mRp%2FZGdflOSwBHKn1mRp_1.m3u8: say @video-archivist-bot save JA1kRj
for https://d1vvp9ihshjy3m.cloudfront.net/flash/ZGdflOSwBHKn1mRp/ZGdflOSwBHKn1mRp_4.m3u8: say @video-archivist-bot save MAWYLj

welcome[bot] commented 1 year ago

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. To help make it easier for us to investigate your issue, please follow the contributing guidelines.

mister-ben commented 1 year ago

These play without error on Chrome on browserstack's devices

Pixel 3 / 9
Galaxy S20 / 10
Galaxy S21 / 11

Febnu commented 1 year ago

the problem occurs on real android 11/10 devices or on android emulator

ex: Oppo reno 2 z \ 11 [phisical device] pixel 4 \ 10 [android studio emulator]

adrums86 commented 1 year ago

@Febnu Does this media/playlist work on any other MSE players in Chrome on those devices, such as hls.js?

videojs / http-streaming