מספר ההתקנות של אפליקציית PWA של Clipchamp' הוא עלייה של 97% בחודש

איך אפליקציות ל-PWA,‏ WebAssembly ו-ChromeOS עוזרות לכלי לעריכת סרטונים מבוסס-אינטרנט לספק ביצועים טובים יותר וחוויה מרתקת יותר ל-12 מיליון משתמשים.

Sören Balko

Clipchamp הוא כלי לעריכת סרטונים באינטרנט בדפדפן, שמאפשר לכל אחד לספר סיפורים ששווה לשתף באמצעות סרטונים. יותר מ-12 מיליון יוצרים ברחבי העולם משתמשים ב-Clipchamp כדי לערוך סרטונים בקלות. אנחנו מציעים פתרונות פשוטים ליצירת סרטונים, החל מכלי אינטואיטיביים כמו חיתוך וקיצוץ, ועד לתכונות מעשיות כמו מכשיר הקלטת המסך, ואפילו כלי ליצירת ממים.

מי משתמש ב-Clipchamp?

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

באילו אתגרים הם נתקלים?

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

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

פיתוח אפליקציית PWA של Clipchamp

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

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

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

עיבוד וידאו צורך משאבים רבים, ומשפיע גם על משאבי המחשב וגם על משאבי האחסון. התחלנו לפתח את הגרסה הראשונה של Clipchamp על גבי הלקוח המקורי (Portable) של Google‏ (PNaCl). בסופו של דבר הוצאנו אותה משימוש, אבל PNaCl הייתה אישור מצוין לצוות שלנו על כך שאפליקציות אינטרנט יכולות להיות מהירות עם זמן אחזור קצר, ועדיין לפעול בחומרה של משתמשי הקצה.

כשעברנו מאוחר יותר ל-WebAssembly, שמחנו לראות ש-Chrome מוביל בשילוב תכונות אחרי MVP, כמו פעולות זיכרון בכמות גדולה, שרשור ופעולות וקטורים ברוחב קבוע (בגרסה האחרונה). הצוות שלנו חיכה מאוד לאפשרות הזו, כי היא מאפשרת לנו לבצע אופטימיזציה של סטאק עיבוד הווידאו שלנו כדי לנצל את היתרונות של פעולות SIMD, הנפוצות במעבדי CPU מודרניים. בעזרת התמיכה של Chrome ב-WebAssembly SIMD, הצלחנו לזרז עומסי עבודה תובעניים במיוחד, כמו פענוח וקידוד של סרטונים באיכות 4K.