http-streaming icon indicating copy to clipboard operation
http-streaming copied to clipboard
verified publisher icon videojs

ERROR SWITCHING RESOLUTION - ONLY ANDROID v<=11

Open Febnu opened this issue 2 years ago • 5 comments

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

  1. Open url
  2. videojs starts downloading 480 playlist
  3. then switches to 1080 playlist - if network has enough bandwidth
  4. 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

Febnu avatar May 22 '23 11:05 Febnu

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

video-archivist-bot avatar May 22 '23 11:05 video-archivist-bot

👋 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.

welcome[bot] avatar May 22 '23 11:05 welcome[bot]

These play without error on Chrome on browserstack's devices

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

mister-ben avatar May 23 '23 17:05 mister-ben

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]

Febnu avatar May 24 '23 08:05 Febnu

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

adrums86 avatar Jun 06 '23 03:06 adrums86