خدمة SaaS مدعومة بالذكاء الاصطناعي تحول تحميل فيديو واحد إلى مئات من أشكال الإعلانات التجارية — يتم تنسيقها عبر تطبيق ويب Next.js ولوحة تحكم للمسؤول وAPI مبني على NestJS وخدمة عرض Remotion وعامل توليد BullMQ. يدعم التوليد التلقائي للتوليفات والعرض المسرع بواسطة GPU والترجمات متعددة الأنماط وتقدم WebSocket في الوقت الفعلي وفوترة الاشتراك المدعومة من Stripe.

صممنا الواجهة الخلفية الكاملة لـ NestJS من الصفر — مخططات Mongoose، وواجهات برمجة التطبيقات (APIs) المعيارية لعمليات CRUD، والتحقق من صحة DTO، وطبقة الربط التي تترجم المصفوفات المسطحة من الواجهة الأمامية إلى المستندات المضمنة في الواجهة الخلفية.
أنشأنا محرك حاسبة التوليف الذي يسرد جميع التباديل الصالحة لـ Hook x Body x CTA x Subtitle ويضع كل منها في قائمة انتظار كمهام BullMQ مستقلة.
طورنا تركيبات Remotion (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) مع 6 أنواع من الرسوم المتحركة وقمنا بتجميعها عند بدء تشغيل الخادم لتنفيذ المهام بسرعة.
طبقنا معالج التوليد لـ BullMQ: تنزيل S3، وRemotion renderMedia()، وتحسين ترميز FFmpeg، وتوليد الصور المصغرة، ورفع S3، وتحديث قاعدة البيانات، مع معالجة الأخطاء وإعادة المحاولة.
بنينا 6 أنماط عرض للترجمة في SubtitleRenderer.tsx تغطي Hormozi، Abdal، MrBeast، GaryVee، TikTok Viral، وClean Corporate عبر جميع نسب العرض إلى الارتفاع الأربعة.
دمجنا بوابة WebSocket لتقدم التوليد في الوقت الفعلي مع دعم SSE الاحتياطي، مما يتيح تحديثات حالة المهام مباشرة على الواجهة الأمامية دون الحاجة إلى الاستقصاء.
طبقنا دورة حياة اشتراك Stripe الكاملة — جلسات الدفع، وبوابة الفوترة، ومعالج webhook مع التحقق من النص الأساسي والتوقيع، وتخصيص الرصيد عند الاشتراك، وإعادة تعيين الرصيد الشهري عبر cron.
أنشأنا نظام المشاركة والتنزيل — رموز قابلة للمشاركة تعتمد على nanoid، والوصول إلى S3 signed URL العام بدون مصادقة، وإلغاء الرابط، ورؤوس التنزيل Content-Disposition.
طورنا وحدة المسؤول باستخدام مسارات تجميع MongoDB لتحليلات لوحة التحكم، وبيانات المخططات الزمنية، وإدارة المستخدمين، وإدارة الاشتراكات.
قدنا التكامل الكامل بين الواجهة الأمامية والخلفية عبر تطبيق المستخدم ولوحة المسؤول — استبدلنا جميع المخازن الوهمية بمكالمات API حية، وربطنا تقدم WebSocket، وتحققنا من رحلة المستخدم الكاملة من البداية إلى النهاية.
يحول تحميل فيديو واحد إلى مئات من أشكال الإعلانات التجارية من خلال التوليد التلقائي للتوليفات، والعرض المسرع بواسطة GPU، ودعم الترجمات متعددة الأنماط — مصمم خصيصًا للمسوقين المتخصصين في الأداء.
قامت MicrocosmWorks ببناء محرك حساب التوليفات الذي يحسب الناتج الديكارتي لجميع تباديل Hook x Body x CTA x Subtitle. يتم تعريف كل عنصر إدخال (hooks، أجزاء النص الرئيسية، CTAs) بواسطة المستخدم، ويقوم المحرك بتعداد كل توليفة صالحة، ثم يضع كل منها في قائمة انتظار كـ BullMQ job مستقل. يعني هذا النهج أن مقطع فيديو يحتوي على 5 hooks، و 3 أجزاء نص رئيسية (bodies)، و 4 CTAs، و 6 أنماط ترجمة يولد 360 شكل إعلان فريد تلقائيًا.
نفذت MicrocosmWorks 6 أنماط لعرض الترجمة في Adstacker: Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, وClean Corporate. يتمتع كل نمط بخصائص مميزة للخط واللون والرسوم المتحركة والموضع تتطابق مع تنسيقات المبدعين الشائعة التي يتعرف عليها مسوقو الأداء. يتعامل SubtitleRenderer مع جميع نسب العرض إلى الارتفاع الأربع (9:16, 16:9, 1:1, 4:5) و6 أنواع من الرسوم المتحركة (fade, slide-up, slide-down, scale, typewriter, bounce) ضمن تركيبات Remotion.
قامت MicrocosmWorks ببناء خط أنابيب العرض (rendering pipeline) باستخدام تركيبات Remotion المجمعة عند بدء تشغيل الخادم لتنفيذ المهام بسرعة، بالاشتراك مع FFmpeg لتحسين الترميز. تدير BullMQ قائمة انتظار المهام غير المتزامنة (async job queue) مع تحكم قابل للتكوين في التزامن (concurrency control)، بحيث يتم عرض تنويعات متعددة بالتوازي عبر موارد GPU المتاحة. تتعامل كل مهمة مع خط الأنابيب الكامل: تنزيل S3، Remotion renderMedia، ترميز FFmpeg، إنشاء الصور المصغرة، تحميل S3، وتحديث قاعدة البيانات، مع معالجة الأخطاء وإعادة المحاولة التلقائية.
قامت MicrocosmWorks بدمج WebSocket gateway يدفع تقدم الإنشاء في الوقت الفعلي لكل شكل متغير في قائمة الانتظار إلى الـ frontend، مع خيار احتياطي SSE (Server-Sent Events) للبيئات التي لا تتوفر فيها اتصالات WebSocket. يرى المستخدمون تحديثات الحالة المباشرة لكل شكل متغير بما في ذلك حالات الانتظار، المعالجة، نسبة العرض، والاكتمال. هذا يلغي الحاجة إلى polling ويوفر ملاحظات فورية حول حالة مسار الإنشاء.
طبقت MicrocosmWorks نظام فوترة الاشتراكات عبر Stripe مع تخصيص الأرصدة المدفوع بواسطة webhook. عندما يشترك المستخدم أو يجدد اشتراكه، يقوم معالج الـ webhook بتخصيص أرصدة التوليد بناءً على مستوى خطته. يستهلك كل توليد لمتغير فيديو رصيدًا واحدًا، وتقوم وظيفة cron شهرية بإعادة تعيين أرصدة الرصيد. توفر لوحة تحكم المسؤول تحليلات تجميعية من MongoDB تعرض أنماط استخدام الرصيد، وإيرادات الاشتراكات، والاستهلاك لكل مستخدم لاتخاذ قرارات التسعير.
دعنا نناقش كيف يمكننا تحقيق رؤيتك بنفس مستوى الخبرة والتفاني.





