This commit is contained in:
Rahim
2025-09-22 23:39:30 +10:00
parent d3221ec211
commit d2b2dd4868
132 changed files with 860 additions and 969 deletions
+1 -1
View File
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
+1 -1
View File
@@ -16,4 +16,4 @@
"typescript": "^5.9.2",
"vite": "^7.1.6"
}
}
}
+2 -1
View File
@@ -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({
+4 -4
View File
@@ -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>
+1 -1
View File
@@ -22,4 +22,4 @@
"typescript": "^5.9.2",
"vite": "^7.1.6"
}
}
}
+5 -3
View File
@@ -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);
+5 -10
View File
@@ -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 -1
View File
@@ -1,5 +1,5 @@
import type { UserConfig } from 'vite';
import tailwindcss from '@tailwindcss/vite';
import react from '@vitejs/plugin-react';