@videojs/react 10.0.0-beta.24 → 10.0.0-beta.25

package/docs/concepts/presets.md

@@ -47,11 +47,17 @@ Feature bundle
 
 Features
 
-[playback](../reference/feature-playback.md), [playbackRate](../reference/feature-playback-rate.md), [volume](../reference/feature-volume.md), [time](../reference/feature-time.md), [source](../reference/feature-source.md), [buffer](../reference/feature-buffer.md), [fullscreen](../reference/feature-fullscreen.md), [pip](../reference/feature-pip.md), [remotePlayback](../reference/feature-remote-playback.md), [controls](../reference/feature-controls.md), [textTrack](../reference/feature-text-tracks.md), [error](../reference/feature-error.md)
+[playback](../reference/feature-playback.md), [playbackRate](../reference/feature-playback-rate.md), [quality](../reference/feature-quality.md), [audioTrack](../reference/feature-audio-track.md), [volume](../reference/feature-volume.md), [time](../reference/feature-time.md), [source](../reference/feature-source.md), [buffer](../reference/feature-buffer.md), [fullscreen](../reference/feature-fullscreen.md), [pip](../reference/feature-pip.md), [remotePlayback](../reference/feature-remote-playback.md), [controls](../reference/feature-controls.md), [textTrack](../reference/feature-text-tracks.md), [error](../reference/feature-error.md)
 
 Skins
 
-`<MinimalVideoSkin>`, `<VideoSkin>`
+`<MinimalVideoSkin>`
+
+`import '@videojs/react/video/minimal-skin.css';`
+
+`<VideoSkin>`
+
+`import '@videojs/react/video/skin.css';`
 
 Default media element
 
@@ -73,7 +79,13 @@ Features
 
 Skins
 
-`<MinimalAudioSkin>`, `<AudioSkin>`
+`<MinimalAudioSkin>`
+
+`import '@videojs/react/audio/minimal-skin.css';`
+
+`<AudioSkin>`
+
+`import '@videojs/react/audio/skin.css';`
 
 Default media element
 
@@ -97,6 +109,8 @@ Skins
 
 `<BackgroundVideoSkin>`
 
+`import '@videojs/react/background/skin.css';`
+
 Default media element
 
 `<BackgroundVideo>`
@@ -117,7 +131,13 @@ Features
 
 Skins
 
-`<MinimalLiveAudioSkin>`, `<LiveAudioSkin>`
+`<MinimalLiveAudioSkin>`
+
+`import '@videojs/react/live-audio/minimal-skin.css';`
+
+`<LiveAudioSkin>`
+
+`import '@videojs/react/live-audio/skin.css';`
 
 Default media element
 
@@ -139,7 +159,13 @@ Features
 
 Skins
 
-`<MinimalLiveVideoSkin>`, `<LiveVideoSkin>`
+`<MinimalLiveVideoSkin>`
+
+`import '@videojs/react/live-video/minimal-skin.css';`
+
+`<LiveVideoSkin>`
+
+`import '@videojs/react/live-video/skin.css';`
 
 Default media element
 
@@ -198,7 +224,7 @@ tsx
 ```
 <Player.Provider>
   <VideoSkin>
-    <HlsVideo src="https://example.com/stream.m3u8" />
+    <HlsJsVideo src="https://example.com/stream.m3u8" />
   </VideoSkin>
 </Player.Provider>
 ```