Besprechen Sie Ihr Projekt
MicrocosmWorksInnovation und Architektur digitaler Kosmen
Über unsKontakt
MicrocosmWorksInnovieren und Gestalten digitaler Kosmen

Bereitstellung von IT-Lösungen, die zählen. Wir sind leidenschaftlich für Technologie, Sicherheit und helfen Unternehmen, durch zuverlässige, innovative IT-Infrastruktur zu wachsen.

[email protected]
+91 7011868196
New Delhi, India

Lösungen

EntwickelnKI-ProduktentwicklungSaaS-ProduktentwicklungIndividuelle Softwareentwicklung
ModernisierenSoftware-ModernisierungKI-ModernisierungCloud-App-Modernisierung
SkalierenBackend & Verteilte SystemeCloud-Performance-EngineeringZuverlässigkeits- und LeistungstechnikKI-Infrastruktur
ErweiternProduktentwicklungsteams
Alle LösungenAI Agent EntwicklungAI Video PlattformWellness- & Fitness-Apps

Dienstleistungen

Digitale BeratungCloud-InfrastrukturSaaS-EntwicklungKI-EntwicklungVideotechnologie
ERP-EntwicklungZoho-AnpassungOdoo-EntwicklungSalesforce-IntegrationBenutzerdefinierte CRM-Entwicklung
QuickBooks-IntegrationIoT-LösungenBlockchain-Entwicklung
Cybersecurity-BeratungIT-Support - L3

AI Wachstumszentrum

AI HubStartup-InnovationUnternehmensbeschleuniger

Ressourcen

EinblickeBranchenleitfädenAnwendungsfall-BlaupausenArchitektur-MusterFallstudien

Unternehmen

Über unsKontaktBesprechen Sie Ihr ProjektUnsere Arbeit

© 2026 MicrocosmWorks. Alle Rechte vorbehalten.

DatenschutzrichtlinieNutzungsbedingungen
Zurück zu Projekten
SaaS Development
Live
Web

Adstacker: AI-Videoanzeigen-Generator

Ein KI-gestütztes SaaS, das einen einzelnen Video-Upload in Hunderte von Markenanzeigenvariationen umwandelt — koordiniert über eine Next.js Web App, ein Admin Dashboard, eine NestJS API, einen Remotion Renderdienst und einen BullMQ Generierungs-Worker. Ermöglicht automatisierte Kombinationsgenerierung, GPU-beschleunigtes Rendering, Untertitel in mehreren Stilen, Echtzeit-WebSocket-Fortschritt und Stripe-gestützte Abonnementabrechnung.

Weitere Projekte ansehen
17+
Technologies
11+
Key Features
Web
Platform
Adstacker: AI-Videoanzeigen-Generator

Hauptmerkmale

AI-Kombinations-Engine, die alle Hook x Body x CTA Permutationen generiert6 Animationstypen — Einblenden, Hoch-/Runterschieben, Skalieren, Schreibmaschine, Springen6 Untertitelstile — Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral, Clean CorporateAlle 4 Seitenverhältnisse — 9:16, 16:9, 1:1, 4:5GPU-beschleunigtes Remotion + FFmpeg Rendering

Entwicklungs-Highlights

Vollständige NestJS-Backend-Architektur mit Mongoose und modularer CRUDKombinations-Engine mit kartesischer ProduktgenerierungRemotion-Videokompositions-Engine mit 6 AnimationstypenBullMQ Generierungspipeline mit ParallelitätskontrolleEchtzeit-WebSocket-FortschrittsverfolgungStripe Abonnement-Lebenszyklus mit Webhook-gesteuerten CreditsMongoDB Aggregationsanalysen für das Admin Dashboard

Technologie-Stack

Next.jsReactTypeScriptTailwind CSSshadcn/uiNestJS 11MongooseMongoDBRedisBullMQRemotionFFmpegAWS S3WebSocketStripe

Unser Beitrag

Backend-Architektur

Architektur des kompletten NestJS-Backends von Grund auf — Mongoose-Schemas, modulare CRUD APIs, DTO-Validierung und die Mapping-Schicht, die Frontend-Flach-Arrays in eingebettete Backend-Dokumente übersetzt.

Kombinations-Engine

Entwicklung der Kombinationsrechner-Engine, die alle gültigen Hook x Body x CTA x Subtitle Permutationen auflistet und jede als unabhängigen BullMQ-Job in die Warteschlange stellt.

Video-Rendering-Pipeline

Entwicklung der Remotion-Kompositionen (VideoComposition, HookOverlay, BodyOverlay, CtaOverlay) mit 6 Animationstypen und Bündelung dieser beim Serverstart für eine schnelle Jobausführung.

Generierungs-Worker

Implementierung des BullMQ-Generierungsprozessors: S3-Download, Remotion renderMedia(), FFmpeg-Kodierungsoptimierung, Thumbnail-Generierung, S3-Upload und DB-Update, inklusive Fehlerbehandlung und Wiederholungsversuchen.

Untertitel-System

Entwicklung von 6 Untertitel-Rendering-Stilen in SubtitleRenderer.tsx, die Hormozi, Abdal, MrBeast, GaryVee, TikTok Viral und Clean Corporate über alle 4 Seitenverhältnisse abdecken.

Echtzeit-Fortschritt

Integration des WebSocket-Gateways für Echtzeit-Generierungsfortschritt mit SSE-Fallback, was Live-Job-Status-Updates im Frontend ohne Polling ermöglicht.

Abrechnungs-Integration

Implementierung des vollständigen Stripe-Abonnement-Lebenszyklus — Checkout-Sessions, Billing-Portal, Webhook-Handler mit Raw Body und Signaturverifizierung, Kreditallokation bei Abonnement und monatlicher Kredit-Reset-Cron.

Teilen- & Download-System

Entwicklung des Teilen- und Download-Systems — nanoid-basierte teilbare Tokens, öffentlicher S3 Signed URL-Zugriff ohne Authentifizierung, Link-Widerruf und Content-Disposition Download-Header.

Admin-Modul

Entwicklung des Admin-Moduls mit MongoDB Aggregation Pipelines für Dashboard-Analysen, Zeitreihen-Diagrammdaten, Benutzerverwaltung und Abonnement-Administration.

Vollständige Integration

Leitung der vollständigen Frontend-Backend-Integration über die Benutzer-App und das Admin-Panel — Ersetzen aller Mock-Stores durch Live-API-Aufrufe, Verknüpfung des WebSocket-Fortschritts und End-to-End-Validierung der gesamten Benutzerreise.

Ergebnisse

Anzeigenvariationen: Hunderte aus einem einzigen UploadRendering: GPU-beschleunigtes Remotion + FFmpegStilabdeckung: 6 Untertitelstile x 6 Animationen x 4 SeitenverhältnisseArchitektur: Fünf-Komponenten-koordinierte Plattform

Was dieses Projekt besonders macht

Wandelt einen einzelnen Video-Upload in Hunderte von Markenanzeigenvariationen um durch automatisierte Kombinationsgenerierung, GPU-beschleunigtes Rendering und Unterstützung für Untertitel in mehreren Stilen — speziell entwickelt für Performance-Vermarkter.

Galerie

Adstacker: AI-Videoanzeigen-Generator - Image 1
Adstacker: AI-Videoanzeigen-Generator - Image 2
Adstacker: AI-Videoanzeigen-Generator - Image 3
Adstacker: AI-Videoanzeigen-Generator - Image 4
Adstacker: AI-Videoanzeigen-Generator - Image 5
Adstacker: AI-Videoanzeigen-Generator - Image 6
Adstacker: AI-Videoanzeigen-Generator - Image 7
Adstacker: AI-Videoanzeigen-Generator - Image 8
Adstacker: AI-Videoanzeigen-Generator - Image 9
Adstacker: AI-Videoanzeigen-Generator - Image 10

Haben Sie ein ähnliches Projekt im Sinn?

Lassen Sie uns besprechen, wie wir Ihre Vision mit dem gleichen Maß an Expertise und Engagement verwirklichen können.

Kontakt aufnehmenWeitere Projekte ansehen
BullMQ asynchrone Job-Warteschlange mit Parallelitätskontrolle
Echtzeit-WebSocket-Fortschritt mit SSE-Fallback
Presigned S3 Direct-to-Cloud-Uploads
Stripe Abonnementabrechnung mit Webhook-gesteuerten Credits
Teilbare öffentliche Video-Links mit Widerruf
Admin Dashboard mit MongoDB Aggregationsanalysen
Zod
Swagger
Adstacker: AI-Videoanzeigen-Generator - Image 11
Adstacker: AI-Videoanzeigen-Generator - Image 12
Adstacker: AI-Videoanzeigen-Generator - Image 13
Adstacker: AI-Videoanzeigen-Generator - Image 14
Adstacker: AI-Videoanzeigen-Generator - Image 15
Adstacker: AI-Videoanzeigen-Generator - Image 16

Häufig gestellte Fragen

MicrocosmWorks hat die Kombinationsrechner-Engine entwickelt, die das Cartesian product aller Hook x Body x CTA x Subtitle Permutationen berechnet. Jedes Eingabeelement (hooks, body segments, CTAs) wird vom Benutzer definiert, und die Engine listet jede gültige Kombination auf und reiht dann jede als einen unabhängigen BullMQ job ein. Dieser Ansatz bedeutet, dass ein Video mit 5 hooks, 3 bodies, 4 CTAs und 6 subtitle styles automatisch 360 einzigartige Anzeigenvarianten generiert.

MicrocosmWorks hat 6 Untertitel-Rendering-Stile in Adstacker implementiert: Hormozi, MrBeast, GaryVee, Abdal, TikTok Viral und Clean Corporate. Jeder Stil verfügt über ausgeprägte Schrift-, Farb-, Animations- und Positionierungseigenschaften, die den beliebten Creator-Formaten entsprechen, die Performance-Marketer kennen. Der SubtitleRenderer verarbeitet alle 4 Seitenverhältnisse (9:16, 16:9, 1:1, 4:5) und 6 Animationsarten (fade, slide-up, slide-down, scale, typewriter, bounce) innerhalb von Remotion-Kompositionen.

MicrocosmWorks entwickelte die Rendering-Pipeline unter Verwendung von Remotion-Kompositionen, die beim Serverstart für eine schnelle Auftragsausführung gebündelt werden, kombiniert mit FFmpeg zur Kodierungsoptimierung. BullMQ verwaltet die asynchrone Job-Warteschlange mit konfigurierbarer Parallelitätskontrolle, sodass mehrere Variationen parallel über die verfügbaren GPU-Ressourcen hinweg gerendert werden. Jeder Job handhabt die gesamte Pipeline: S3-Download, Remotion renderMedia, FFmpeg-Kodierung, Miniaturbildgenerierung, S3-Upload und Datenbankaktualisierung, mit Fehlerbehandlung und automatischen Wiederholungsversuchen.

MicrocosmWorks hat ein WebSocket Gateway integriert, das den Echtzeit-Generierungsfortschritt für jede in der Warteschlange befindliche Variante an das Frontend pusht, mit SSE (Server-Sent Events) Fallback für Umgebungen, in denen WebSocket-Verbindungen nicht verfügbar sind. Benutzer sehen Live-Statusaktualisierungen für jede Variante, einschließlich der Zustände 'in Warteschlange', 'in Bearbeitung', 'Rendering-Prozentsatz' und 'abgeschlossen'. Dies eliminiert die Notwendigkeit des Polling und liefert sofortiges Feedback zum Status der Generierungspipeline.

MicrocosmWorks hat die Stripe-Abonnementabrechnung mit Webhook-gesteuerter Kreditvergabe implementiert. Wenn ein Benutzer ein Abonnement abschließt oder verlängert, weist der Webhook-Handler Generierungsguthaben basierend auf der jeweiligen Abo-Stufe zu. Jede Generierung einer Videovariation verbraucht einen Credit, und ein monatlicher Cron-Job setzt die Credit-Guthaben zurück. Das Admin-Dashboard bietet MongoDB-Aggregationsanalysen, die Muster der Credit-Nutzung, den Abonnementumsatz und den Verbrauch pro Benutzer zeigen, um Preisentscheidungen zu unterstützen.