mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
chore(root): prepare workspace for alpha (#276)
This commit is contained in:
@@ -19,8 +19,8 @@ function generateReactCode(skin: Skin): string {
|
||||
const skinImport = skin === 'frosted' ? 'frosted' : 'minimal';
|
||||
|
||||
return `// npm install @videojs/react@next
|
||||
import { VideoProvider, ${skinComponent}, Video } from '@videojs/react';
|
||||
import '@videojs/react/skins/${skinImport}.css';
|
||||
import { VideoProvider, ${skinComponent}, Video } from '@videojs/react-preview';
|
||||
import '@videojs/react-preview/skins/${skinImport}.css';
|
||||
|
||||
export const VideoPlayer = () => {
|
||||
return (
|
||||
@@ -35,7 +35,7 @@ export const VideoPlayer = () => {
|
||||
|
||||
function generateJS(skin: Skin): string {
|
||||
return `// npm install @videojs/html@next
|
||||
import '@videojs/html/skins/${skin}';`;
|
||||
import '@videojs/html-preview/skins/${skin}';`;
|
||||
}
|
||||
|
||||
export default function BaseDemo({ className }: { className?: string }) {
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
import { useStore } from '@nanostores/react';
|
||||
import { FrostedSkin, HlsVideo, MinimalSkin, VideoProvider } from '@videojs/react';
|
||||
import { FrostedSkin, HlsVideo, MinimalSkin, VideoProvider } from '@videojs/react-preview';
|
||||
import { VJS8_DEMO_VIDEO } from '@/consts';
|
||||
import { skin } from '@/stores/homePageDemos';
|
||||
import '@videojs/react/skins/frosted.css';
|
||||
import '@videojs/react/skins/minimal.css';
|
||||
import '@videojs/react-preview/skins/frosted.css';
|
||||
import '@videojs/react-preview/skins/minimal.css';
|
||||
|
||||
export default function HeroVideo({ className, poster }: { className?: string; poster: string }) {
|
||||
const $skin = useStore(skin);
|
||||
|
||||
Reference in New Issue
Block a user