feat(player): more settings for default layout

[bezumkin]

Description:

I'm using the programmatic initialization of Vidstack with the default layout.

const player = await VidstackPlayer.create({
  target,
  src: {src: url, type: 'application/x-mpegurl'},
  viewType: 'video',
  layout: new VidstackPlayerLayout(layoutSettings),
  // etc...
})

I tried to make Vidstack to look more like regular video player with simple settings. And that is why I'm introducing some new settings for default layout.

The main setting is flatSettingsMenu allows you to get rid of nested menus.

Then you can disable any features you don't want to see:

const layoutSettings: Partial<DefaultLayoutProps> = {
  flatSettingsMenu: true,
  noAudioGain: true,
  noAudioTracks: true,
  noCaptions: true,
  noAnnouncements: true,
  noKeyboardAnimations: true,
  noCaptionStyles: true,
  noMediaLoop: true,
  // other settings...
}

And here is the final result! I hope you like it.

Ready?

Yes, it has already been working for thousands of users in a production for a couple of months.

P.S.

Thank you for the great player!

[Benny739]

Would be awesome if this gets merged.

[JayanthGummitha]

May i know when quality feature is available ?

[bezumkin]

May i know when quality feature is available ?

I think when you play an HLS stream.

[JayanthGummitha]

but is it possible for local videos when i pass the the video like 480p, 720p,1080p to Vidstack it can detect automatically

[bezumkin]

but is it possible for local videos when i pass the the video like 480p, 720p,1080p to Vidstack it can detect automatically

I don't know, never tried to use it with local files.

[chrisspiegl]

I like this suggestion. I also would love to see the option to "disable the users choice for video quality" so the "Quality" section basically. Is this something that would be considered?