HTML-zu-MP4-Konverter Portfolio-Projekt
Eine datenschutzfreundliche Browser-App, die animiertes HTML ohne Upload in MP4 mit 1x-, 2x- oder 4x-Auflösung exportiert.
Live-Versionen
Quellcode-Repositories
Projektübersicht
Der HTML-zu-MP4-Konverter richtet sich an KI-generierte Animationen, Social-Video-Layouts, interaktive Mockups und andere HTML-Szenen. Rendering und Kodierung bleiben im Browser, wodurch kein serverseitiger Upload-Prozess notwendig ist.
Was ich gebaut habe
- 01
HTML kann direkt eingefügt oder als Datei hochgeladen werden.
- 02
html2canvas erfasst die Frames; FFmpeg als WebAssembly kodiert daraus die MP4-Datei.
- 03
1x-, 2x- und 4x-Skalierung decken schnelle Vorschauen und höher aufgelöste Exporte ab.
- 04
Vite erzeugt den statischen Build für die Veröffentlichung über GitHub Pages.
Technische Umsetzung
Rendering und Kodierung laufen vollständig clientseitig; Projektdateien werden nicht an einen Konvertierungsserver übertragen.
Die Oberfläche erklärt Browsergrenzen wie CORS-Einschränkungen bei externen Bildern und Schriften.
Technologie-Stack
- JavaScript
- Vite
- FFmpeg.wasm
- html2canvas
- GitHub Pages
Weitere Portfolio-Projekte
Sie benötigen ein ähnliches Produkt?
Lassen Sie uns über den Workflow, die Website oder die Anwendung sprechen, die Sie veröffentlichen möchten.