בקשה נפוצה של מנהלי אתרים היא כיצד להציג בקלות תצוגה מקדימה של וידאו מבלי לטעון וידאו. הדרך הנפוצה להשיג זאת היא על ידי המרת וידאו into GIF מונפש. לאחר מכן ניתן להשתמש ב- GIF מונפש זה כדי להציג תצוגה מקדימה של הסרטון באתרי אינטרנט ומדיה חברתית. GrabzIt's ממשק API של JavaScript הופך יצירת GIFs לפשוטים.

המרת סרטון YouTube ל- GIF מונפש

להלן דוגמה כיצד להמיר סרטון יוטיוב into GIF מונפש. עם זאת ישנם רבים אפשרויות נוספות אתה יכול להשתמש בכדי להתאים אישית את ה- GIF המונפש שלך. לדוגמה, ניתן לשנות את גודל ה- GIF או מנהג watermark מכוסה. או אפילו מספר המסגרות בשנייה או משך ההנפשה השתנה.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.youtube.com/watch?v=7GqClqvlObY", 
{"format": "gif"}).Create();
</script>

המרת וידאו Vimeo ל- GIF אנימציה

GrabzIt יכול גם להמיר סרטי וידיאו into GIFs מונפשים, בדיוק באותה צורה שהיא ממירה סרטוני YouTube. פשוט העבירו את כתובת האתר של דף האינטרנט שמכיל את הסרטון Vimeo. אל ה url פרמטר והעביר את "gif" ל - format פרמטר, כמוצג להלן.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://vimeo.com/134957666", 
{"format": "gif"}).Create();
</script>

GrabzIt יכול גם להמיר סרטונים מקוונים רגילים כמו MP4. פשוט העבירו את כתובת האתר של הווידאו לכתובת url פרמטר, תוך הגדרת format פרמטר ל- "gif". באותו אופן כמו הדוגמה לעיל.

צלם פריים בודד מווידיאו

בעזרת GrabzIt ניתן ללכוד מסגרת יחידה מ- YouTube, Vimeo או סרטונים סטנדרטיים.

על מנת לעשות זאת עליך להגדיר את ה- duration ו fps פרמטרים להיות 1. ואז הגדר את format פרמטר ל- "gif". סוף סוף מצא את המיקום בסרטון המסגרת שברצונך לחלץ וציין את מספר השניות. ואז העבירו ערך זה ל start פָּרָמֶטֶר.

שים לב כי כרגע ניתן להחזיר מסגרות רק כ- GIF.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.example.com/myvideo.mp4", 
{"format": "gif", "start":1, "fps ":"1", "duration":"1"}).Create();
</script>