soroush.asadi
dc5ff09b67
Render the React-Three-Fiber-v9 (React 19) templates client-side without touching the
React-18 Next host: a standalone Vite app (services/remotion/player) mounts
@remotion/player with the real FlexStory composition. The studio will embed it via an
iframe and feed scene data (URL hash for first paint, postMessage for live edits).
- player/main.tsx: reads {props, aspect, watermark}, computes duration via
calcFlexStoryMetadata, renders <Player>. Free tier shows a watermark overlay
(preview only — clean export stays server-authorized).
- vite.config.player.ts: builds to player-dist/ with relative base (servable at /player/).
- @remotion/player + vite added.
Verified: vite build bundles FlexStory + three.js (672 modules → 1.3MB) and serves
at /player/index.html (200). Browser render to be confirmed.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
40 lines
1.1 KiB
JSON
40 lines
1.1 KiB
JSON
{
|
|
"name": "flatrender-remotion",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"description": "FlatRender code-based (Remotion) video template renderer",
|
|
"scripts": {
|
|
"dev": "remotion studio",
|
|
"render": "remotion render",
|
|
"still": "remotion still",
|
|
"upgrade": "remotion upgrade",
|
|
"gen:dicebear": "node scripts/gen-dicebear.mjs",
|
|
"check:assets": "node scripts/check-assets.mjs"
|
|
},
|
|
"dependencies": {
|
|
"@react-three/drei": "^10.7.7",
|
|
"@react-three/fiber": "^9.1.2",
|
|
"@react-three/postprocessing": "^3.0.4",
|
|
"@remotion/cli": "4.0.290",
|
|
"@remotion/lottie": "^4.0.290",
|
|
"@remotion/player": "^4.0.290",
|
|
"@remotion/three": "^4.0.290",
|
|
"@remotion/zod-types": "4.0.290",
|
|
"@types/three": "^0.171.0",
|
|
"postprocessing": "^6.39.1",
|
|
"react": "19.0.0",
|
|
"react-dom": "19.0.0",
|
|
"remotion": "4.0.290",
|
|
"three": "^0.171.0",
|
|
"zod": "3.22.3"
|
|
},
|
|
"devDependencies": {
|
|
"@dicebear/collection": "^9.4.2",
|
|
"@dicebear/core": "^9.4.2",
|
|
"@types/react": "19.0.0",
|
|
"@vitejs/plugin-react": "^4.7.0",
|
|
"typescript": "5.5.4",
|
|
"vite": "^5.4.21"
|
|
}
|
|
}
|