زيادة بنسبة 97% في عمليات تثبيت تطبيقات الويب التقدّمية (PWA) لمحرّر الفيديو في Clipchamp

كيف تساعد التطبيقات المتوافقة مع الأجهزة الجوّالة على الويب وWebAssembly وChromeOS محرِّر فيديو مستندًا إلى الويب في تقديم أداء أفضل وتجربة أكثر جاذبية لـ 12 مليون مستخدم

Sören Balko

‫Clipchamp هو أداة تعديل الفيديوهات على الإنترنت داخل المتصفّح تتيح لأي مستخدم سرد القصص التي تستحق المشاركة من خلال الفيديو. يستخدم أكثر من 12 مليون صانع محتوى في جميع أنحاء العالم تطبيق Clipchamp لتعديل الفيديوهات بسهولة. نقدّم حلولاً بسيطة لإنشاء الفيديوهات، بدءًا من الأدوات البديهية، مثل الاقتصاص والقطع، وصولاً إلى الميزات العملية، مثل مسجل الشاشة، وحتى أداة إنشاء الميمات.

مَن يستخدم Clipchamp؟

المستخدمون (أو "المحرِّرون اليوميون" كما نُطلق عليهم) متنوعون. لا تحتاج إلى أي خبرة لتعديل الفيديوهات باستخدام Clipchamp. على وجه التحديد، نلاحظ حاليًا أنّ فِرق المبيعات والتدريب على الدعم وتسويق المنتجات تستخدم كاميرا الويب ومسجل الشاشة لإنشاء محتوى توضيحي سريع مع إضافة نص وملفات GIF لجعله جذابًا. نلاحظ أيضًا أنّ الكثير من الأنشطة التجارية الصغيرة تعدّل الفيديوهات وتنشرها على وسائل التواصل الاجتماعي أثناء التنقّل.

ما هي التحديات التي تواجهها؟

ندرك أنّ التعديل قد يكون أمرًا مخيفًا في البداية. ويُفترض أنّه من الصعب إجراء ذلك، ربما بسبب تجارب سابقة محبطة مع برامج التعديل المعقّدة. في المقابل، تركّز Clipchamp على السهولة والبساطة، وتوفّر الدعم من خلال المقاطع النصية ومقاطع الفيديو والموسيقى والنماذج وغيرها.

نلاحظ أنّ معظم المحرّرين لا يريدون إنشاء روائع مصوّرة. نتواصل كثيرًا مع المستخدمين ونتذكر باستمرار أنّهم مشغولون ويريدون فقط مشاركة قصصهم مع العالم بسرعة وبسهولة، لذا نركّز على ذلك.

تطوير تطبيق ويب تقدّمي (PWA) لتطبيق Clipchamp

في Clipchamp، نسعى جاهدين إلى مساعدة المستخدمين في سرد قصصهم من خلال الفيديوهات. لتحقيق هذه الرؤية، سرعان ما أدركنا أنّ السماح للمستخدمين باستخدام لقطات خاصة بهم عند إنشاء مشروع فيديو مهم.

ساهمت هذه الإحصاءات في زيادة الضغط على فريق المهندسين في Clipchamp لتطوير تكنولوجيا يمكنها معالجة ملفات الوسائط بحجم غيغابايت بكفاءة في تطبيق ويب. مع أخذ القيود المفروضة على معدل نقل بيانات الشبكة في الاعتبار، سرعان ما استبعدنا الحلّ التقليدي المستنِد إلى السحابة الإلكترونية. إنّ تحميل ملفات وسائط كبيرة من اتصال إنترنت في متجر سيؤدي إلى انتظار طويل قبل بدء عملية التعديل، ما يؤدي إلى تجربة مستخدم سيئة.

دفعنا ذلك إلى التبديل إلى حلّ متكامل داخل المتصفّح، حيث يتم تنفيذ جميع "المهام المكثفة " لمعالجة الفيديو محليًا باستخدام موارد الأجهزة المتاحة على جهاز المستخدم النهائي. لقد راهنّا بشكل استراتيجي على متصفّح Chrome، وبالتالي على نظام التشغيل ChromeOS، لمساعدتنا في التغلب على التحديات الحتمية لإنشاء منصة لإنشاء الفيديوهات داخل المتصفّح.

تتطلّب معالجة الفيديو موارد ضخمة، ما يؤثر في موارد الكمبيوتر والتخزين على حد سواء. بدأنا بإنشاء الإصدار الأول من Clipchamp على قاعدة "العميل الأصلي (المحمول) من Google" (PNaCl). على الرغم من إيقاف PNaCl نهائيًا، مثّل هذا الإطارتأكيدًا رائعًا لفريقنا بأنّ تطبيقات الويب يمكن أن تكون سريعة وذات وقت استجابة منخفض، مع مواصلة تشغيلها على أجهزة المستخدم النهائي.

عند التبديل لاحقًا إلى WebAssembly، سرّنا أن نرى Chrome يأخذ زمام المبادرة في دمج ميزات ما بعد المنتج النموذجي، مثل عمليات الذاكرة المجمّعة وعمليات التسلسل، ومؤخرًا: عمليات المتجهات ذات العرض الثابت. كان فريقنا الهندسي متحمّسًا بشدة لطرح هذه الميزة، ما سمح لنا بتحسين منظومة معالجة الفيديو للاستفادة من عمليات SIMD الرائجة في وحدات المعالجة المركزية الحالية. من خلال الاستفادة من ميزة Chrome المتوافقة مع SIMD في WebAssembly، تمكّنا من تسريع بعض المهام المكثفة بشكلٍ خاص، مثل فك ترميز الفيديوهات بدقة 4K وتشفيرها.