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!