mirror of
https://github.com/zoriya/v10.git
synced 2026-08-15 10:23:32 +00:00
done
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
|
||||
@@ -16,4 +16,4 @@
|
||||
"typescript": "^5.9.2",
|
||||
"vite": "^7.1.6"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import { defineConfig } from 'vite';
|
||||
import { fileURLToPath } from 'url';
|
||||
|
||||
import { defineConfig } from 'vite';
|
||||
|
||||
const __dirname = fileURLToPath(new URL('.', import.meta.url));
|
||||
|
||||
export default defineConfig({
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>VJS React Demo</title>
|
||||
<link rel="preconnect" href="https://rsms.me/">
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
|
||||
<link rel="preconnect" href="https://rsms.me/" />
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -22,4 +22,4 @@
|
||||
"typescript": "^5.9.2",
|
||||
"vite": "^7.1.6"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,11 +4,13 @@
|
||||
@source "../../../packages/react";
|
||||
|
||||
@theme {
|
||||
--font-sans: InterVariable, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--font-sans:
|
||||
InterVariable, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
||||
'Noto Color Emoji';
|
||||
}
|
||||
|
||||
:root {
|
||||
font-feature-settings: "cv01", "ss01", "ss03";
|
||||
font-feature-settings: 'cv01', 'ss01', 'ss03';
|
||||
}
|
||||
|
||||
/* Make hocus (hover + focus-visible) variants */
|
||||
@@ -16,4 +18,4 @@
|
||||
@custom-variant group-hocus (&:is(:hover, :focus-visible) &);
|
||||
@custom-variant peer-hocus (&:is(:hover, :focus-visible) ~ &);
|
||||
/* Make reduced-transparency variant */
|
||||
@custom-variant reduced-transparency @media (prefers-reduced-transparency: reduce);
|
||||
@custom-variant reduced-transparency @media (prefers-reduced-transparency: reduce);
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import ReactDOM from 'react-dom/client';
|
||||
import { MediaProvider, Video, MediaSkinDefault } from '@vjs-10/react';
|
||||
|
||||
import { MediaProvider, MediaSkinDefault, Video } from '@vjs-10/react';
|
||||
|
||||
import './globals.css';
|
||||
|
||||
@@ -15,10 +16,7 @@ function DemoPlayer() {
|
||||
src="https://stream.mux.com/A3VXy02VoUinw01pwyomEO3bHnG4P32xzV7u1j1FSzjNg/high.mp4"
|
||||
/> */}
|
||||
{/* @ts-ignore -- types are incorrect */}
|
||||
<Video
|
||||
muted
|
||||
src="https://stream.mux.com/a4nOgmxGWg6gULfcBbAa00gXyfcwPnAFldF8RdsNyk8M.m3u8"
|
||||
/>
|
||||
<Video muted src="https://stream.mux.com/a4nOgmxGWg6gULfcBbAa00gXyfcwPnAFldF8RdsNyk8M.m3u8" />
|
||||
</MediaSkinDefault>
|
||||
</div>
|
||||
</MediaProvider>
|
||||
@@ -27,15 +25,12 @@ function DemoPlayer() {
|
||||
<div className="w-full max-w-4xl mx-auto">
|
||||
<MediaSkinDefault>
|
||||
{/* @ts-ignore -- types are incorrect */}
|
||||
<Video
|
||||
muted
|
||||
src="https://stream.mux.com/fXNzVtmtWuyz00xnSrJg4OJH6PyNo6D02UzmgeKGkP5YQ.m3u8"
|
||||
/>
|
||||
<Video muted src="https://stream.mux.com/fXNzVtmtWuyz00xnSrJg4OJH6PyNo6D02UzmgeKGkP5YQ.m3u8" />
|
||||
</MediaSkinDefault>
|
||||
</div>
|
||||
</MediaProvider>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
ReactDOM.createRoot(document.getElementById('root')!).render(<DemoPlayer />);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
|
||||
import type { UserConfig } from 'vite';
|
||||
|
||||
import tailwindcss from '@tailwindcss/vite';
|
||||
import react from '@vitejs/plugin-react';
|
||||
|
||||
|
||||
Reference in New Issue
Block a user