חברת CapCut הגדילה את התנועה האורגנית ב-83% על ידי בניית אפליקציית אינטרנט עם פונקציונליות מלאה באמצעות WebAssembly ו-WebCodecs

CapCut היא אחת מ-10 האפליקציות הכי פופולריות ל-Android בשנת 2023, והיא אחת מאפליקציות העריכה הפופולריות ביותר לווידאו שזמינות לנייד. בנוסף, השירות הזה ניתן בחינם. כלי העריכה המשולב כולל מגוון אפקטים ותכונות עריכה, כמו המרת דיבור לטקסט ושיפור רזולוציית תמונות, וגם ספריית מדיה מלאה שתעזור למשתמשים ליצור סרטונים וגרפיקה באיכות גבוהה במהירות ובקלות. כשמשתמשי CapCut מסיימים ליצור את התוכן שלהם, הם יכולים לפרסם אותו בפלטפורמת המדיה החברתית שבה הם רוצים בלחיצה אחת בלבד, כולל TikTok,‏ YouTube,‏ Instagram ו-Facebook.

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

אפליקציות אינטרנט מורידות את מחסום הכניסה

צוות CapCut השיק אפליקציית אינטרנט כדי לתת למשתמשים דרכים נוספות לגשת לפלטפורמת העריכה שלהם, בנוסף לאפליקציות הקיימות ל-Android ול-iOS. ככל שיהיו יותר נקודות כניסה, כך המשתמשים יוכלו לבחור את הפלטפורמה שמתאימה להם ביותר. הם יכולים להוריד את האפליקציה לנייד מחנות Google Play, להתקין אותה כאפליקציית אינטרנט דרך הדפדפן המועדף עליהם או להשתמש בה ישירות בכרטיסייה בדפדפן. הצוות סבר שאפליקציה למחשב שגם פועלת בדפדפן עשויה להגדיל את שימור המשתמשים ולשפר את שביעות הרצון הכוללת שלהם.

הודות לחבילת הטכנולוגיות שזמינה למפתחים, היה קל לתרגם את האפליקציה לנייד של CapCut, שמותאמת לפלטפורמה הספציפית, ולהעביר אותה לגרסה חזקה לא פחות באינטרנט. בשנים האחרונות, טכנולוגיות של פלטפורמות אינטרנט כמו WebAssembly צברו פופולריות רבה בקרב מפתחים, והן מאפשרות להם ליצור אפליקציות אינטרנט חזקות מהר יותר מבעבר. בנוסף, מכיוון שרוב מנוע העריכה של CapCut נכתב ב-C++, המפתחים שלו יכלו להשתמש ב-Emscripten כדי להעביר את האפליקציה לגרסה אינטרנטית למחשב.

ציטוט של ג'יימס וויליאמס מ-CapCut: השתמשנו ב-WebAssembly וב-WebCodecs כדי להעביר ביעילות תכונות קריטיות רבות מקוד הבסיס המקורי לאינטרנט, בלי להתפשר על הביצועים או על הפונקציונליות.

WebAssembly

בעזרת WebAssembly, מפתחי CapCut העבירו בהצלחה יותר ממיליון תבניות וידאו וגרפיקה לאפליקציית האינטרנט החדשה. התמיכה החזקה של Emscripten בתכנות קוד C ו-C++ ל-WebAssembly אפשרה ל-CapCut לשתף קוד ביעילות בין האפליקציה הספציפית לפלטפורמה לבין אפליקציית האינטרנט, וכך להעביר חלק מהפונקציות החשובות ביותר של CapCut לפלטפורמה החדשה, כולל אפקטים מותאמים אישית ועריכת וידאו.

ב-CapCut יש הרבה אפקטים מיוחדים שמפעילים אלגוריתמים בדפדפן, שיכולים לגרום לצווארון בקבוק בזמן העיבוד של וידאו בזמן אמת. בעזרת הפונקציה של WebAssembly לעיבוד מקבילי שנקראת Single Instruction, Multiple Data‏ (SIMD), מפתחי CapCut שיפרו את ביצועי העיבוד של האפליקציה בכמעט 300% בהשוואה לפתרונות ללא SIMD, וכך מנעו טוב יותר את היווצרות צווארי בקבוק.

טיפול בחריגות (EH) הוא אחת מהיכולות הבסיסיות של C++, אבל התמיכה ב-EH ב-Emscripten הייתה חלקית. Emscripten מספק קבוצה של מנגנוני EH מבוססי JavaScript, אבל הם עלולים להשפיע לרעה על ביצועי האפליקציה בסביבת זמן הריצה ולהגדיל את גודל החבילה. תקן EH של WebAssembly עוקף את הבעיה הזו. המעבר ל-WebAssembly ל-EH צמצם את גודל החבילה של אפליקציית האינטרנט של CapCut ב-15%, ושיפר את הביצועים של הקוד.

WebCodecs

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

באמצעות WebCodecs, נוסף ל-CapCut קידוד ופענוח במהירות משופרת באמצעות חומרה, שמשפרים את מהירות העיבוד של אודיו ווידאו בכמעט 300%. בזכות הביצועים המשופרים, עכשיו אפשר להשתמש ב-CapCut כדי להפעיל כמה שידורים בו-זמנית באיכות 4K. בנוסף, WebCodecs אפשרה תמיכה בפורמטים נוספים של וידאו, כמו H264,‏ HEVC,‏ VP8,‏ VP9 ו-AV1.

נתונים סטטיסטיים על אפליקציית CapCut: יותר ממיליון תבניות הועברו לאפליקציית האינטרנט של CapCut. שיפור של עד 300% בביצועי העיבוד. עלייה של 40% במספר הפורמטים הנתמכים של סרטונים.

ניצול מלוא העוצמה של אפליקציית אינטרנט

צוות CapCut התחיל להעביר את האפליקציה הספציפית לפלטפורמה לאינטרנט בתחילת 2022. באוגוסט של אותה שנה, CapCut השיקה באופן רשמי את הגרסה הראשונה של האפליקציה לשולחן העבודה מבוססת-האינטרנט. בעזרת טכנולוגיות של אפליקציות אינטרנט מתקדמות (PWA), אפשר עכשיו להתקין את CapCut דרך הדפדפן. אחרי השקת אפליקציית האינטרנט החדשה של CapCut באמצעות הטכנולוגיות האלה, צוות CapCut ראה שיפור של 83% בנפח התנועה מ-SEO.

התקנת אפליקציית CapCut.

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

הרחבת האפשרויות באמצעות האינטרנט

האפשרות להשתמש ב-CapCut באינטרנט יצרה הזדמנויות חדשות למיליונים של משתמשים, וסיפקה להם דרכים נוספות לגשת לתוכנה. בעזרת WebAssembly,‏ WebCodecs וטכנולוגיות אינטרנט מודרניות אחרות שזמינות לפיתוח אפליקציות אינטרנט מתקדמות, מפתחי CapCut הטמיעו בהצלחה יצירת גרסה ל-Web שמאפשרת לשמור על מלוא העוצמה והביצועים של האפליקציה.

מידע נוסף

איך מעבירים אפליקציות לאינטרנט באמצעות WebAssembly ו-WebCodecs

כלי לעריכת וידאו ב-CapCut.