יצירת סרטון מלא עם הנפשות ואפקטים ב-Claude וב-Codex: מדריך Remotion

Remotion הופכת קוד לסרטון וסוכן קוד כמו Claude או Codex כותב את הקוד. מבקשים בעברית רגילה סרטון ומקבלים קובץ MP4 עם אנימציה, קריינות, מוזיקה, כתוביות ואפקטים שנצמדים לאנשים ולחפצים בצילום. אפשר לבנות הכול מאפס או להוסיף אנימציה ואפקטים מעל צילומים קיימים.

הפקתי ככה סרטון של 56 שניות שמסביר איך ה-GPS בטלפון יודע איפה אתם עומדים, יחד עם גרסה אנכית שלו לרילס. כל ההפקה רצה בשיחה אחת באפליקציה של Claude. בהמשך יש את הפרומפטים שכתבתי, את מה ש-Claude עשה בכל שלב ואת המקומות שבהם הייתי צריך להתערב.

איך Claude יוצר סרטון בלי מודל וידאו?

Claude לא מצייר פיקסלים. הוא כותב קוד שמתאר כל רגע בסרטון: איפה עומד כל אלמנט בפריים הראשון, איפה בפריים השני וכן הלאה. Remotion מריצה את הקוד בדפדפן, מצלמת כל פריים ומחברת את כולם לקובץ וידאו.

לכן אפשר לבקש כל דבר שאפשר לתאר במילים: טקסט שנכנס בשנייה מסוימת, מפה שמתמלאת, מונה שעולה, כתוביות שנדלקות מילה אחרי מילה עם הקריין. מה שלא נבנה בקוד, כמו קול או צילום, מגיע מכלים אחרים ו-Claude משלב אותו בתזמון.

באפליקציה של Claude, ה-Studio של Remotion נפתח בחלונית לצד הצ'אט. זה נגן שמציג את הסרטון בזמן שהוא נבנה, עם ציר זמן ושכבות, כך שרואים כל שינוי בלי לרנדר.

Remotion מתעדת עבודה עם Claude Code, עם Codex ועם סוכני קוד נוספים. אצלי זה רץ באפליקציה של Claude, בלשונית Code. אותו תהליך עובד גם ב-Codex באפליקציית ChatGPT לדסקטופ, כולל ה-Studio לצד הצ'אט. למי שמעדיף סרטונים שנבנים ב-HTML במקום ב-React יש באתר מדריך ל-HyperFrames, שעובד על אותו עיקרון.

מה צריך לפני שמתחילים

• אפליקציית Claude או אפליקציית ChatGPT

  אני עובד באפליקציה של Claude, ב-Max עם Opus 5.5, בלשונית Code ובסביבה Local. לשונית Code דורשת מנוי בתשלום, מ-Pro ומעלה. Claude Code בטרמינל עושה את אותו דבר, רק בלי החלונית של ה-Studio לצד הצ'אט.

  ב-ChatGPT עובדים עם Codex באפליקציה לדסקטופ. הוא זמין שם גם בתוכניות Free ו-Go, בהיקף מצומצם יותר. ה-Studio נפתח בדפדפן המובנה לצד הצ'אט. ההבדלים מפורטים בשאלות הנפוצות.

• Node.js מותקן

  Node.js היא תוכנה חינמית שמאפשרת למחשב להריץ קוד שבדרך כלל רץ רק בתוך דפדפן. Remotion בנויה עליה ובלעדיה Claude לא יכול לבנות ולרנדר את הסרטון. מתקינים אותה פעם אחת (אצלי היא כבר הייתה מותקנת).

  איך מתקינים אותה

  הדרך הקלה: מבקשים מ-Claude, באותה תיקייה שבה תעבדו על הסרטון. הוא בודק אם Node.js כבר קיים ומתקין רק אם צריך.

  הבקשה ל-Claudeהעתקה

  תבדוק אם Node.js מותקן אצלי. אם לא, תתקין את גרסת ה-LTS העדכנית ותוודא שהיא עובדת.

  ב-Windows יכולה לקפוץ בקשת אישור של המערכת להתקנה. מאשרים אותה. אם Claude לא מוצא את Node.js מיד אחרי ההתקנה, סוגרים את האפליקציה של Claude ופותחים אותה שוב.

  הורדה ידנית: בעמוד ההורדות הרשמי של Node.js בוחרים את גרסת ה-LTS (הגרסה היציבה) ומתקינים כמו כל תוכנה עם ההגדרות שמוצעות. Remotion עובדת עם גרסה 16 ומעלה.

• מנוי ElevenLabs ומפתח API אחד

  ה-API של המוזיקה זמין רק במנוי בתשלום. למפתח צריך ארבע הרשאות: Text to Speech לקריינות, Speech to Text לבדיקה של הקריינות, Sound Effects לאפקטים ו-Music למוזיקה.

  איך יוצרים מפתח כזה

  1. ב-ElevenLabs נכנסים ל-Developers ואז ל-API Keys ולוחצים Create Key.
  2. נותנים שם. כל ההרשאות מתחילות ב-No Access.
  3. מעבירים ל-Access את Text to Speech, את Speech to Text, את Sound Effects ואת Music. אחר כך יוצרים את המפתח.
  4. מעתיקים את המפתח מיד. הוא מוצג פעם אחת בלבד.

• קליפים מצולמים, רק אם רוצים

  סרטון כזה יכול להיות כולו אנימציה. אני רציתי פתיחה וסיום עם אנשים, אז יצרתי שני קליפים קצרים ב-Flow עם המודל Omni. אפשר להשתמש בכל מודל וידאו (יש באתר מדריך ליצירת סרטונים ב-AI). מי שמחבר את Higgsfield כ-MCP יכול לבקש מ-Claude ליצור את הקליפים בעצמו, בלי לצאת מהצ'אט (המדריך לחיבור).

ההפקה, שלב אחרי שלב

1פותחים תיקייה ריקה באפליקציה

בלשונית Code בוחרים את הסביבה Local, לוחצים על בחירת התיקייה ופותחים תיקייה ריקה שמיועדת רק לסרטון. Claude עומד להריץ בה פקודות. לכן האפליקציה שואלת אם סומכים עליה.

2מקימים את Remotion בבקשה אחת

Claude יצר פרויקט Remotion מהתבנית הרשמית והתקין לתוכו את הסקילים ש-Remotion עצמה מתחזקת. הסקילים הם קבצי הוראות שמלמדים איך עושים נכון אנימציה, כתוביות, מפות ורינדור. בזכותם Claude עובד לפי השיטות של Remotion ולא מנחש. בסוף הוא פתח את ה-Studio בחלונית הדפדפן של האפליקציה. כל זה לקח כ-5 דקות. רובן הלכו על התקנת חבילות.

npx create-video@latest --yes --blank my-video
cd my-video
npx remotion skills add
npm run dev

3שמים בתיקייה את הקליפים ואת המפתח

הקליפים נכנסים לתיקייה בשם clips. המפתח נכנס לקובץ בשם .env בתיקייה הראשית, בשורה אחת:

ELEVENLABS_API_KEY=המפתח-שלכם

את המפתח לא מדביקים בצ'אט. Claude קורא אותו מהקובץ. התבנית של Remotion כבר מוגדרת כך שהקובץ .env לא נשמר ב-git.

4כותבים בריף

בריף טוב לסרטון מכסה חמישה דברים. כל אחד מהם חוסך סבב תיקונים:

• מה הצופה לומד, במשפט אחד.
• למי זה מיועד. "ברור גם למי שלא מבין בטכנולוגיה" משנה את התסריט עצמו.
• איך זה נראה, כולל מה לא רוצים. "בלי אפקטים מוגזמים" עוזר יותר מ"מודרני".
• קול, מוזיקה וכתוביות, עם שם הקול והמודל.
• "תראה לי תסריט לפני שאתה מתחיל". בלי השורה הזו Claude מפיק סרטון שלם על טקסט שעוד לא אישרתם.

5בודקים תסריט וסטוריבורד

לפני שכתב שורת קוד, Claude חילץ פריימים משני הקליפים כדי לראות מה יש בהם. את הסטוריבורד הוא בנה סביבם. הוא הגיע כלוח מצויר בתוך הצ'אט: פריים לכל סצנה, זמנים ותיאור קצר. מתחת ללוח הגיע התסריט המלא וההחלטות על עיצוב, קצב וסאונד.

כאן כדאי לבדוק עובדות, לא עיצוב. עברתי על כל מספר בתסריט מול האתר הרשמי של ה-GPS והכול היה נכון. Claude גם כתב בעצמו שהמעגלים על המפה הם פישוט של כדורים במרחב.

6קריינות, מוזיקה ואפקטים

את השלב הזה Claude עשה לבד, דרך ה-API של ElevenLabs:

• בדק בחשבון שהמודל Eleven v4 תומך בעברית ושהקול קיים. אחר כך הפיק את כל הקריינות בטייק אחד, עם זמן מדויק לכל מילה. מהזמנים האלה נבנו אחר כך הכתוביות, החיתוכים בין הסצנות וההנמכה של המוזיקה.
• הטייק יצא ארוך מדי, 58 שניות. ב-Eleven v4 אין הגדרת מהירות, אז Claude האיץ את הקובץ ב-10% בלי לשנות את גובה הקול. אחר כך תמלל אותו בחזרה כדי לוודא שכל מילה עדיין במקום. הוא שאל אם לקצר את הטקסט ל-50 שניות. עניתי ש-55 זה בסדר.
• הפיק מוזיקה מקורית של 57 שניות ב-Eleven Music ו-7 אפקטים קצרים ב-Sound Effects: וּוּש במעבר לחלל, פינג לאות, קליק כשהמיקום ננעל. המוזיקה יורדת לכ-20% כשהקריין מדבר.

7הרינדור הראשון

Claude בנה שבע סצנות, רינדר מהן פריימים בודדים והסתכל עליהם לפני שרינדר את כל הסרטון. בבדיקה הזו הוא מצא בעצמו שבמונים של סצנה 4 יחידת המידה הופיעה בצד הלא נכון של המספר בעברית ותיקן את זה. הסרטון הגיע לתוך הצ'אט עם נגן, יחד עם רשימה של מה שבדק.

8סבב הערות, כמו מול עורך

הערות עם מספרים ("פי 1.5", "שנייה וחצי") עובדות טוב יותר מ"קצת יותר גדול". Claude גם טיפל במה שההערה גררה: כשהכתוביות גדלו הן כיסו חלק מהמפה, אז הוא הזיז שני לוויינים למעלה. בסוף הוא מדד שהשנייה וחצי האחרונות שקטות לגמרי.

איך מוסיפים אפקט בנקודה מסוימת בסרטון?

אומרים ל-Claude "מעל הראש שלה, בשנייה 2" ומקבלים אלמנט שיושב על האדם בצילום, זז איתו ונעלם. יש שתי דרכים לבקש: במילים, או בציור על הפריים עצמו.

אחרי שנייה, לוויין קטן שנוחת באמצע כף היד

עוקב אחרי כף היד, פריים אחרי פריים

תגדיל אותו לגודל של העיגול שסימנתי

הנקודות ישבו נמוך בכף היד. מזיז את המרכז 110 פיקסלים למעלה

110px

00:01

Add to chat

1. מבקשים במילים
2. Claude עוקב ומניח
3. מסמנים על הפריים
4. Claude מתקן לפי הסימון

במילים: מתי, איפה, מה ואיך הוא זז

Claude כתב סקריפט Python קצר שעוקב אחרי נקודות בצילום פריים אחרי פריים ושומר את המסלול שלהן לקובץ. האנימציה ב-Remotion קוראת את המסלול. לכן הסיכה זזה עם הראש והלוויין עם היד. הסקריפט צריך Python ואת ספריית OpenCV. אצלי שניהם כבר היו מותקנים. אם הם חסרים, מבקשים מ-Claude להתקין אותם.

שתי החלטות שלו שווה להכיר:

• הוא עקב אחרי קו השיער מול השמיים, לא אחרי הפנים. כשהאישה מרימה את הראש הפנים עולות, אבל הקודקוד כמעט לא זז. סיכה שעוקבת אחרי הפנים הייתה מתרחקת מהראש.
• את הלוויין הוא צבע כהה. לוויין בהיר נבלע על העור.

בקשה כזו עובדת כשיש בה חמישה חלקים:

בהצבעה: מסמנים על הפריים ושולחים לצ'אט

הסיכה יצאה בדיוק כמו שביקשתי. הלוויין נע עם היד, אבל היה קטן מדי וישב קצת נמוך. במקום לתאר את זה במילים, סימנתי על הפריים. בחלונית הדפדפן של האפליקציה יש כלי סימון:

1. עוצרים את ה-Studio על הפריים הרלוונטי ולוחצים על אייקון החץ בקצה הימני של שורת הכתובת. מעל הדף נפתח סרגל סימון עם עט, קו, חץ, ריבוע, עיגול, טקסט וצבעים.
2. מסמנים על הפריים את מה שרוצים לשנות. אצלי זה היה עיגול בגודל ובמקום שרציתי ללוויין.
3. לוחצים Add to chat. הפריים המסומן נכנס להודעה כתמונה. מוסיפים לו משפט אחד ושולחים.

Claude צייר את העיגול שלי בחזרה על פריים מהנחיתה כדי לבדוק את עצמו. אחר כך הגדיל את הלוויין לרוחב העיגול. בדרך הוא גילה למה הלוויין נחת נמוך: הנקודות שעקב אחריהן ישבו בחלק התחתון של כף היד, בזמן שהעיגול סימן את המרכז האמיתי שלה. הוא הוסיף את ההפרש לכל המעקב. כך גם הנקודה הכחולה שמופיעה כשהלוויין עוזב עברה למרכז.

גרסה אנכית לרילס ולטיקטוק

Claude לא חתך את הגרסה הרחבה. חיתוך כזה היה מוציא מהמסך את כרטיס המפה, את המונים ואת הלוויינים בצדדים. במקום זה הוא בנה לכל סצנה פריסה אנכית מאותו קוד: כדור הארץ בתחתית, המפה לאורך המסך והצילום חתוך סביב האישה וסביב היד. הסיכה והלוויין ממשיכים לעקוב אחריהם. את הכתוביות הוא הרים כך שהכפתורים והתיאור של רילס וטיקטוק לא יסתירו אותן.

המגבלה שהוא ציין נכונה: את הקליפים מ-Flow הורדתי ב-720p. בחיתוך האנכי הם מוגדלים פי 2.7 ונראים רכים יותר. הגרפיקה והטקסט נשארים חדים, כי הם נבנים בקוד בכל גודל. כשמתכננים גרסה אנכית, כדאי להוריד את הקליפים ברזולוציה הגבוהה ביותר שיש.

כמה זמן זה לקח וכמה זה עולה

אני עובד במצב Auto, שבו Claude מריץ פקודות בלי לבקש אישור על כל אחת ובדיקה אוטומטית ברקע עוצרת רק פעולות חריגות. במצב ברירת המחדל הוא מבקש אישור לפני עריכות ופקודות וההפקה ממתינה עד שמאשרים. זה מאריך את השלבים הארוכים.

• Claude: אצלי הכול נכנס במנוי Max. לפי מחירי ה-API של Opus 5.5, אותה כמות עבודה הייתה עולה כ-30 דולר. רוב העלות היא קריאה חוזרת של ההקשר, לא כתיבה.
• ElevenLabs: הקריינות, המוזיקה והאפקטים יורדים מהקרדיטים של החשבון. את הצריכה רואים בעמוד Usage.
• הקליפים: אצלי כל קליף של Omni ב-Flow, באורך 10 שניות, עלה 15 קרדיטים. העלות תלויה באורך הקליף ובמודל.
• Remotion: חינמית לאנשים פרטיים, לעסקים עד 3 עובדים ולעמותות, גם לשימוש מסחרי. חברה גדולה יותר צריכה רישיון חברה.

שאלות נפוצות

המקורות הרשמיים

• Remotion: עבודה עם סוכני קוד, הסקילים הרשמיים והתוסף ל-Codex
• Remotion Studio
• הרישיון של Remotion
• Node.js: עמוד ההורדות הרשמי
• Codex: הדפדפן המובנה וסימון על הדף באפליקציית ChatGPT
• האפליקציה של Claude: לשונית Code וחלונית הדפדפן
• ElevenLabs: המודלים, כולל Eleven v4, קריינות עם זמן לכל תו, Eleven Music ו-Sound Effects
• GPS.gov: הלוויינים והמסלולים והדיוק בסמארטפון, לבדיקת התסריט