نصب‌های PWA ویرایشگر ویدیوی Clipchamp رشد ماهیانه 97 درصدی را نشان می‌دهد

چگونه PWA، WebAssembly، و ChromeOS به یک ویرایشگر ویدیوی مبتنی بر وب کمک می‌کنند تا عملکرد بهتر و تجربه‌ای جذاب‌تر را برای ۱۲ میلیون کاربر ارائه دهد.

Sören Balko

Clipchamp یک ویرایشگر ویدیوی آنلاین درون مرورگر است که به هر کسی اجازه می‌دهد داستان‌هایی را که ارزش اشتراک‌گذاری را از طریق ویدیو دارد، تعریف کند. در سراسر جهان، بیش از 12 میلیون سازنده از Clipchamp برای ویرایش آسان ویدیوها استفاده می کنند. ما راه‌حل‌های ساده‌ای را برای ساخت ویدیو ارائه می‌دهیم، از ابزارهای بصری مانند برش و برش، تا ویژگی‌های کاربردی مانند ضبط‌کننده صفحه ما، و حتی میم‌ساز .

چه کسی از Clipchamp استفاده می کند؟

کاربران ما (یا به قول ما ویرایشگرهای روزمره) متنوع هستند. برای اینکه یک ویرایشگر ویدیو با Clipchamp باشید، نیازی به تخصص ندارید. به طور خاص، ما در حال حاضر متوجه تیم‌های فروش، آموزش پشتیبانی و بازاریابی محصول هستیم که از وب‌کم و ضبط‌کننده صفحه ما برای محتوای توضیح‌دهنده سریع با متن و فایل‌های GIF اضافه شده استفاده می‌کنند تا آن را جذاب کنیم. ما همچنین در حال مشاهده بسیاری از مشاغل کوچک هستیم که در حال حرکت ویدیوهای اجتماعی را ویرایش و ارسال می کنند.

آنها با چه چالش هایی روبرو هستند؟

ما می دانیم که ویرایش ویدیو در ابتدا می تواند ترسناک باشد. فرض بر این است که سخت است، احتمالاً به دلیل تجربیات ناامیدکننده قبلی با نرم افزارهای ویرایش پیچیده. در مقابل، Clipchamp بر سهولت و سادگی تمرکز می کند و با پوشش متن، ویدیو و موسیقی استوک، قالب ها و موارد دیگر پشتیبانی می کند.

ما متوجه شدیم که اکثر ویراستاران روزمره تمایلی به خلق شاهکارهای سینمایی ندارند. ما با کاربران خود زیاد صحبت می‌کنیم و مدام به ما یادآوری می‌شود که آن‌ها مشغول هستند و فقط می‌خواهند داستان خود را در سریع‌ترین زمان و آسانی به دنیا برسانند، بنابراین این یک تمرکز برای ما است.

توسعه Clipchamp PWA

در Clipchamp، همه ما به دنبال توانمندسازی مردم برای گفتن داستان های خود از طریق ویدیو هستیم. برای تحقق این چشم انداز، به زودی متوجه شدیم که اجازه دادن به کاربرانمان برای استفاده از فیلم خود در هنگام جمع آوری یک پروژه ویدیویی مهم است.

این بینش تیم مهندسی کلیپ‌چمپ را تحت فشار قرار داد تا فناوری‌ای را ارائه کنند که بتواند فایل‌های رسانه‌ای در مقیاس گیگابایت را در یک برنامه وب پردازش کند. با در نظر گرفتن محدودیت های پهنای باند شبکه، ما به سرعت راه حل سنتی مبتنی بر ابر را رد کردیم. آپلود فایل‌های رسانه‌ای بزرگ از یک اتصال اینترنتی خرده‌فروشی همواره زمان‌های انتظار زیادی را قبل از شروع ویرایش ایجاد می‌کند و عملاً منجر به تجربه کاربری ضعیف می‌شود.

این باعث شد که ما به یک راه حل کاملاً درون مرورگر برویم، جایی که تمام "بالا بردن سنگین" پردازش ویدیو به صورت محلی با استفاده از منابع سخت افزاری موجود در دستگاه کاربر نهایی انجام می شود. ما به طور استراتژیک روی مرورگر کروم و به‌طور گسترده، پلتفرم ChromeOS شرط می‌بندیم تا به ما در غلبه بر چالش‌های اجتناب‌ناپذیر ساخت یک پلتفرم ایجاد ویدیو در مرورگر کمک کند.

پردازش ویدئو به شدت نیاز به منابع دارد و بر روی کامپیوتر و منابع ذخیره سازی تاثیر می گذارد. ما شروع به ساخت اولین نسخه Clipchamp در بالای مشتری (Portable) Native (PNaCl) گوگل کردیم. در حالی که در نهایت حذف شد، PNaCl یک تأیید عالی برای تیم ما بود که برنامه‌های وب می‌توانند سریع و با تأخیر کم باشند، در حالی که همچنان روی سخت‌افزار کاربر نهایی اجرا می‌شوند.

وقتی بعداً به WebAssembly تغییر مکان دادیم، خوشحال شدیم که Chrome در ترکیب ویژگی‌های پس از MVP مانند عملیات حافظه انبوه، رشته‌بندی و اخیراً: عملیات بردار با عرض ثابت پیشتاز است. مورد دوم به شدت توسط تیم مهندسی ما پیش بینی شده است، و به ما توانایی بهینه سازی پشته پردازش ویدیوی خود را برای استفاده از عملیات SIMD ، رایج در CPU های معاصر، ارائه می دهد. با استفاده از پشتیبانی WebAssembly SIMD کروم، ما توانستیم سرعت برخی از بارهای کاری خاص مانند رمزگشایی ویدیوی 4K و رمزگذاری ویدیو را افزایش دهیم.

با کمی تجربه قبلی و در کمتر از یک ماه تلاش برای یکی از مهندسانمان، ما موفق شدیم عملکرد را 2.3 برابر افزایش دهیم. در حالی که هنوز محدود به نسخه آزمایشی اصلی Chrome است، ما قبلاً قادر بودیم این پیشرفت‌های SIMD را برای اکثر کاربران خود عرضه کنیم. در حالی که کاربران ما تنظیمات سخت‌افزاری بسیار متفاوتی را اجرا می‌کنند، ما قادر به تایید افزایش عملکرد منطبق در تولید بدون مشاهده هیچ‌گونه اثرات مخربی در میزان خرابی بودیم.

اخیراً، ما API در حال ظهور WebCodecs را که در حال حاضر تحت آزمایش اولیه Chrome در دسترس است، یکپارچه کردیم. با استفاده از این قابلیت جدید، می‌توانیم عملکرد رمزگشایی ویدیو را بر روی سخت‌افزار با مشخصات پایین، همانطور که در بسیاری از کروم‌بوک‌های محبوب یافت می‌شود، بهبود ببخشیم.

با ایجاد PWA، تشویق به پذیرش آن مهم است. مانند بسیاری از برنامه‌های وب، ما بر سهولت دسترسی تمرکز کرده‌ایم که شامل مواردی مانند ورود به سیستم اجتماعی از جمله Google می‌شود، کاربر را به سرعت به مکانی می‌برد که می‌تواند ویدیو را ویرایش کند و سپس صادرات ویدیو را آسان می‌کند. علاوه بر این، ما درخواست‌های نصب PWA خود را در نوار ابزار و به عنوان یک اخطار پاپ‌آپ در پیمایش منو تبلیغ کردیم.

نتایج

Chrome PWA قابل نصب ما واقعاً خوب عمل کرده است. ما بسیار خوشحال بودیم که شاهد 9% نگهداری بیشتر در کاربران PWA نسبت به کاربران دسکتاپ استاندارد خود بودیم. نصب PWA بسیار زیاد بوده است و از زمانی که ما پنج ماه پیش راه اندازی کردیم، ماهیانه 97 درصد افزایش یافته است. و همانطور که قبلا ذکر شد، بهبودهای WebAssembly SIMD عملکرد را 2.3 برابر بهبود بخشید.

آینده

ما از تعامل و جذب PWA خود شگفت زده شده ایم. ما فکر می کنیم حفظ کاربر Clipchamp به این دلیل مفید است که PWA نصب شده است و دسترسی به آن آسان تر است. همچنین اشاره کردیم که PWA برای ویرایشگر بهتر عمل می‌کند، که آن را قانع‌کننده‌تر می‌کند و باعث می‌شود افراد برگردند.

با نگاهی به آینده، از فرصتی که ChromeOS برای کاربران بیشتری فراهم می کند تا کارهای بیشتری را با سر و صدا کمتر انجام دهند، هیجان زده هستیم. به طور خاص، ما در مورد برخی از ادغام های راحت با سیستم عامل محلی هنگام کار با فایل ها هیجان زده هستیم. ما فکر می کنیم این به سرعت بخشیدن به گردش کار برای ویراستاران پرمشغله روزمره ما کمک می کند و این یکی از بالاترین اولویت های ما است.