דילוג לתוכן הראשי
Video

Clips

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

#clips-all

הסרטונים

הנגן: UkClip

לא מוצג באף דף עדיין

מוצג ב: /beta/home (UkClip) · /docs/components (UkClip)

מוצג ב: /beta/home (UkClip) · /docs/components (UkClip)

מוצג ב: /beta/home (UkClip)

מוצג ב: /beta/home (BgVideo)

#clips-record

להקליט סרטון

scripts/record-clip.cjs, עם שרת הפיתוח רץ. הדגלים, התזמון של כל דמו והמלכודות: הסקיל screen-recording.

# a scroll to the end of the page
node scripts/record-clip.cjs /demos/interior_studio_11_05 --scroll end --name studio-merit

# a hover effect, with no cursor in the frame
node scripts/record-clip.cjs /demos/agency_27_09/v/animation --hover .uk-hover-reveal__item --name animation-hover

# the poster
ffmpeg -ss 4 -i public/clips/x.mp4 -frames:v 1 -q:v 4 public/clips/x.jpg

#clips-idea

הרעיון: סרטון במקום צילום מסך

ב-HorizonX התמונה המקדימה של דמו היא סרטון קצר שמראה את האפקט בתנועה, למשל הפריוויו של Alder & Stone. אצלנו הכרטיסים הם צילומי מסך. לא לכל הדמואים: רק בכמה דגל עם אפקטי גלילה, שצילום מסך לא מראה.