muxinc / elements

Custom elements for working with media in the browser that Just Work™
https://elements-demo-nextjs.vercel.app
MIT License
254 stars 46 forks source link

Bug: Resolution is not changing for entire video and on current offset time #991

Open tnoct opened 4 weeks ago

tnoct commented 4 weeks ago

Is there an existing issue for this?

Which Mux Elements/Packages does this apply to? Select all that apply

mux-player-react

Which browsers are you using?

Chrome, Firefox

Which operating systems are you using?

Other (add details below)

Description

OS : Ubuntu 24.04 LTS

Reduced test case

No response

Steps to reproduce

1.Provider m3u8 url to MuxPlayer via src prop react @mux/mux-player-react

Stackblitz Example: https://stackblitz.com/edit/vitejs-vite-byewwu?file=src%2FApp.tsx&terminal=dev

<MuxPlayer preload="none" loading="page" loop src={videoUrl} poster={posterImage} audio={audioOnly} metadata={{ video_title: record?.name }} style={{ width: '100%', height: '654px', padding: 0, margin: 0, borderRadius: 10, marginBottom: 5, }} />

Current Behavior

  1. Video is showing all resolution perfectly.
  2. Video starts from very low resolution
  3. on changing the resolution in the middle of runing video it changes the resolution after approx 4 to 5 seconds.
  4. after changing the video if seek the time controler back to 0 it again starts from low resolution and change it again where i change the resolution earlier. Screencast from 2024-09-20 12-37-15.webm

Expected Behavior

  1. Video should starts from resolution according to the my network bandwidth which is currently much stable
  2. on changing the resolution in the middle of runing video it should changes the resolution right away on current time .
  3. after changing the video if seek the time controler back to 0 it should starts from the highest resolution i selected currently

Errors

No Error were consoled by player.

What version of the package are you using?

v^2.9.1

tnoct commented 4 weeks ago

What is this? @SAMBILI