איך בונים אתר גלילה: סרטון AI אחד, והגלילה מזיזה אותו

1.הרעיון: סרטון אחד, והגלילה מזיזה אותו

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

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

לשם השוואה: לפי מחירונים של 2026, אתר תדמית מתקדם עולה 12,000 עד 50,000 ₪ (mnemir.com), ואתר תדמית מורכב מתחיל ב-11,000 ₪ לפני מע״מ (combar.co.il). אלה מחירים לאתר תדמית מתקדם באופן כללי, לא מחירון של אתרי גלילה.

2.צעד 1: סרטון AI ארוך שבו המצלמה טסה בלי לעצור

את הסרטון מייצרים ב-Higgsfield, שירות שמריץ מודלים של וידאו AI ומחייב בקרדיטים. המודל הוא Kling 3.0, וכל קטע הוא באורך 5 שניות. לכן הטיסה בנויה מכמה קטעים שמתחברים בלי תפר נראה: ארבעה קטעים נותנים כ-19 שניות, מספיק לאתר שלם.

קודם כותבים את המסלול, למשל: מבחוץ, דרך קיר הזכוכית, לסלון, למסדרון, לחדר שני, החוצה מעל הבריכה, ולמעלה למבט אווירי על כל הנכס. אחר כך מייצרים את הקטע הראשון ב-Kling 3.0 Turbo, ברזולוציה 1080p, באורך 5 שניות וביחס 16:9. מייצרים אותו פעמיים מאותו פרומפט, ובוחרים את הטוב מבין השניים.

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

1. בודקים כל קטע בפקודת בדיקת החיתוכים שלמטה. אם יצא יותר מ-0, הקטע נפסל.
2. בוחרים בעין את הפריים שממנו ממשיכים. המודל נסחף: בקטע הראשון של הווילה, בשנייה האחרונה הופיעו בתים כלליים עם גגות אדומים. חותכים את הקטע ברגע הטוב האחרון, ושומרים את הפריים האחרון כתמונה.
3. מייצרים את הקטע הבא מאותו פריים, כתמונת פתיחה, ומתארים רק את ההמשך. חוזרים בכל קטע על ״אותו בניין לאורך כל הדרך״, אחרת המודל ממציא בניין אחר באמצע.
4. בקטע האחרון נועלים את היעד: מייצרים תמונה של הפריים הסופי (Nano Banana 2), ונותנים אותה כתמונת סיום. את הקטע הזה מייצרים ב-Kling 3.0 במצב Pro, כי ה-Turbo לא מקבל תמונת סיום. בלי תמונת סיום, ביקשתי מהקטע האחרון של הווילה לעלות למבט אווירי, והמצלמה נשארה על הקרקע.
5. מחברים את הקטעים לקובץ אחד ב-ffmpeg, ומריצים שוב את בדיקת החיתוכים על הקובץ המחובר.

First person point of view camera flying, the camera itself is the aircraft. Nothing flying in frame, no drone visible, no propellers, no aircraft in shot. The camera glides from outside a modern white concrete and glass villa, in through the open glass wall, into a bright living room. One single continuous unbroken take, no cuts, no edits, constant slow velocity, gimbal stabilised, no shake. Same modern white concrete and glass villa throughout.

ffmpeg -i clip.mp4 -vf "select='gt(scene,0.25)',metadata=print" -f null - 2>&1 | grep -c pts_time

ffmpeg -i clip.mp4 -vf "select='gt(scene,0.25)',metadata=print" -f null - 2>&1 | find /c "pts_time"

3.צעד 2: מחדדים, כי כשהגלילה נעצרת רואים כל טשטוש

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

החידוד הוא הגדלה של הסרטון ל-4K, ב-Higgsfield, עם המודל bytedance_video_upscale. העלאת איכות הקידוד ב-ffmpeg לא פתרה את זה: הקובץ כמעט הוכפל, והשיפור היה קטן, כי הרכות הייתה כבר במקור.

את ההגדלה עושים רק אחרי שאתם מרוצים מהטיסה. קודם בודקים טיוטה ב-1080p, שיוצאת ב-ffmpeg במחשב בלי עלות. אם המסלול או הקצב לא נכונים, לא בזבזתם קרדיטים על הגדלה.

1. בלי ‎-g 1 -keyint_min 1 -sc_threshold 0‎ הקפיצות בסרטון נוחתות על הפריים הלא נכון, והגלילה מגמגמת.
2. לא יורדים מתחת ל-24 פריימים בשנייה כדי לחסוך משקל. ניסיתי 10 פריימים בשנייה, וכל גלילה נגמרה בשלוש קפיצות גדולות.
3. לטלפון מכינים קובץ נוסף: ברוחב 1280 פיקסלים לפחות כשהטלפון שוכב, וחיתוך אנכי מתוך ה-4K כשהוא עומד, עם חלון חיתוך שזז לאורך הטיסה, כך שהנושא של כל רגע נשאר בתמונה.

higgsfield generate create bytedance_video_upscale --video flight.mp4 --resolution 4k --model-version pro --preset aigc --fps 24

ffmpeg -y -i flight-4k.mp4 -an -vf "scale=1920:-2:flags=lanczos,fps=24" -c:v libx264 -preset slow -g 1 -keyint_min 1 -sc_threshold 0 -crf 19 -pix_fmt yuv420p -movflags +faststart scrub-flight.mp4

4.צעד 3: Claude Code מחבר את הסרטון לגלילה

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

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

5.האוזניות: המצלמה עומדת, המוצר מתפרק

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

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

The camera holds completely still on a locked off tripod. A pair of over-ear headphones on a charcoal seamless studio background slowly comes apart into its parts: cushions, drivers, housings and headband separating evenly in the air. The product occupies only the central third of the frame, the whole of it inside the frame. Unbranded, no logos and no text anywhere. One single continuous unbroken take, no cuts, no edits.

6.השעון: בלי סרטון, הכול בקוד

בשעון אין סרטון ואין קובץ של מודל תלת ממד. הגוף, הלוח, המחוגים והרצועה בנויים בקוד, עם three.js ו-React Three Fiber, והמרקמים, כמו המתכת המוברשת והעור, מצוירים בקוד. גם התאורה היא כמה משטחי אור שמוגדרים בקוד, בלי קובץ תאורה.

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

7.ארבעת האתרים מהריל

כולם באוויר. פתחו אותם בטלפון וגללו. בשעון, גללו עד שהוא נפתח, והחליפו לו מתכת.

• הווילה (נפתח בחלון חדש)
• המגדל (נפתח בחלון חדש)
• האוזניות (נפתח בחלון חדש)
• השעון (נפתח בחלון חדש)

8.רוצים אתר כזה לעסק שלכם?

ככה אני בונה ב-eDigi אתרי גלילה לעסקים. התחילו בשאלון האפיון.

• שאלון האפיון של eDigi (נפתח בחלון חדש)

שאלות נפוצות