vargai 0.4.0-alpha87 → 0.4.0-alpha89

package/garry-tan-varg.tsx

@@ -0,0 +1,46 @@
+import { elevenlabs, fal } from "vargai/ai";
+import {
+  Captions,
+  Clip,
+  Image,
+  Render,
+  render,
+  Speech,
+  Video,
+} from "vargai/react";
+
+// Garry Tan's face image
+const GARRY_TAN_IMAGE =
+  "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLInrQmohhXbLY10G90yT0AJJCJdArYifp-IDKUmJQlwui0tnLihiHw9OzLfLfbofr5chH2s4&s=10";
+
+// Create speech first
+const voiceover = Speech({
+  model: elevenlabs.speechModel("eleven_v3"),
+  voice: "adam",
+  children: "varg.ai is cool!",
+});
+
+// Animate Garry's face to talk
+const animatedGarry = Video({
+  prompt: {
+    text: "man speaking naturally, subtle head movements, friendly expression",
+    images: [GARRY_TAN_IMAGE],
+  },
+  model: fal.videoModel("kling-v2.5"),
+});
+
+// Sync lip movements with audio
+const syncedVideo = Video({
+  prompt: { video: animatedGarry, audio: voiceover },
+  model: fal.videoModel("sync-v2-pro"),
+});
+
+await render(
+  <Render width={1080} height={1920}>
+    <Clip duration={5}>{syncedVideo}</Clip>
+    <Captions src={voiceover} style="tiktok" color="#ffffff" withAudio />
+  </Render>,
+  { output: "output/garry-tan-varg.mp4" },
+);
+
+console.log("Done! Video saved to output/garry-tan-varg.mp4");

package/package.json

@@ -71,7 +71,7 @@
     "zod": "^4.2.1"
   },
   "sideEffects": false,
-  "version": "0.4.0-alpha87",
+  "version": "0.4.0-alpha89",
   "exports": {
     ".": "./src/index.ts",
     "./ai": "./src/ai-sdk/index.ts",