diff --git a/packages/react/src/presets/audio/index.ts b/packages/react/src/presets/audio/index.ts index 280d831d..d8ec0bfc 100644 --- a/packages/react/src/presets/audio/index.ts +++ b/packages/react/src/presets/audio/index.ts @@ -1,10 +1,3 @@ -import { createPlayer, features } from '../..'; - -const { Provider: AudioProvider } = createPlayer({ - features: features.audio, -}); - -export { AudioProvider }; export { Audio, type AudioProps } from '@/media/audio'; export * from './minimal-skin'; export * from './skin'; diff --git a/packages/react/src/presets/background/index.ts b/packages/react/src/presets/background/index.ts index 17c6ac61..ead7edd5 100644 --- a/packages/react/src/presets/background/index.ts +++ b/packages/react/src/presets/background/index.ts @@ -1,9 +1,2 @@ -import { createPlayer, features } from '../..'; - -const { Provider: BackgroundVideoProvider } = createPlayer({ - features: features.background, -}); - -export { BackgroundVideoProvider }; export { BackgroundVideo, type BackgroundVideoProps } from '@/media/background-video'; export * from './skin'; diff --git a/packages/react/src/presets/video/index.ts b/packages/react/src/presets/video/index.ts index 60ff8dc1..1b5f3ff1 100644 --- a/packages/react/src/presets/video/index.ts +++ b/packages/react/src/presets/video/index.ts @@ -1,10 +1,3 @@ -import { createPlayer, features } from '../..'; - -const { Provider: VideoProvider } = createPlayer({ - features: features.video, -}); - -export { VideoProvider }; export { Video, type VideoProps } from '@/media/video'; export * from './minimal-skin'; export * from './minimal-skin.tailwind'; diff --git a/packages/sandbox/templates/react-background/background.tsx b/packages/sandbox/templates/react-background/background.tsx index daa45e6a..c9ccf13e 100644 --- a/packages/sandbox/templates/react-background/background.tsx +++ b/packages/sandbox/templates/react-background/background.tsx @@ -1,7 +1,12 @@ import '@videojs/react/background/skin.css'; -import { BackgroundVideo, BackgroundVideoProvider, BackgroundVideoSkin } from '@videojs/react/background'; +import { createPlayer, features } from '@videojs/react'; +import { BackgroundVideo, BackgroundVideoSkin } from '@videojs/react/background'; import { createRoot } from 'react-dom/client'; +const { Provider: BackgroundVideoProvider } = createPlayer({ + features: features.background, +}); + export function App() { return (