Is there a way to tell http-streaming to render a better poster image

[artem-schander]

Please do not delete the template, by filling out the required information we can investigate your issue more quickly.

Before opening an issue see if your problem can be resolved with the troubleshooting guide.

Description

Briefly describe the issue. Include a reduced test case, we have a starter template on JSBin you can use.

Sources

Is a certain source or a certain segment affected? please provide a public (accessible over the internet) link to it below.

https://local.cdn.cityoffer.online/artem/videos/product-44491/2223251105/playlist.m3u8

Steps to reproduce

Explain in detail the exact steps necessary to reproduce the issue.

1. Install the following packages:

"video.js": "7.10.2",
"videojs-contrib-quality-levels": "^2.0.9",
"videojs-http-source-selector": "^1.1.6",

2. Initialize video.js with the following options:

const options = {
  muted: true,
  language: 'en',
  preload: 'high',
  fluid: true,
  aspectRatio: '9:16',
  autoplay: false,
  // inactivityTimeout: 1,
  html5: {
    hls: {
      overrideNative: true,
      limitRenditionByPlayerDimensions: true,
      useDevicePixelRatio: true,
      bandwidth: 16777216
    },
    nativeAudioTracks: false,
    nativeVideoTracks: false,
    useBandwidthFromLocalStorage: true
  },
  controlBar: {
    pictureInPictureToggle: false
  },
  plugins: {
    httpSourceSelector: {
      default: 'high',
    }
  }
};

3. see the blurry image:

It can be much sharper:

Results

Expected

I would expect to get a high resolution poster image. It seems to be possible ...

Error output

There are no related errors

Additional Information

I've tried to set the bandwidth option and a bunch of other settings with no luck.

videojs-http-streaming version

what version of videojs-http-streaming does this occur with? @videojs/[email protected]

videojs version

what version of videojs does this occur with? [email protected]

Browsers

what browsers are affected? please include browser and version for each *

Platforms

what platforms are affected? please include operating system and version or device and version for each *

Other Plugins

are any other videojs plugins being used on the page? If so, please list them with version below. *

Other JavaScript

are you using any other javascript libraries or frameworks on the page? if so please list them below. *

[video-archivist-bot]

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://local.cdn.cityoffer.online/artem/videos/product-44491/2223251105/playlist.m3u8: say @video-archivist-bot save nEMY3E

[welcome[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.

[artem-schander]

@video-archivist-bot save nEMY3E

[video-archivist-bot]

OK, we've archived nEMY3E (https://local.cdn.cityoffer.online/artem/videos/product-44491/2223251105/playlist.m3u8) over at https://storage.playbackproblems.mux.dev/nEMY3E/playlist.m3u8 and we'll keep it there for future reference.