feat: Add Remotion rendering API with TTS and update Dockerfile to use Debian-slim for Remotion's glibc-dependent Chrome headless shell.

This commit is contained in:
Michael committed 2026-03-24 14:18:57 +01:00
1 parent fa4e6e3131
commit 4f69a2edda
2 files changed
+43 -68

No files matched your search

+43 -54
View File
@@ -1,43 +1,47 @@
# Utiliser Node.js 20 Alpine pour une image légère # Node.js 20 Debian slim — glibc requis pour Remotion Chrome headless shell
FROM node:20-alpine FROM node:20-slim
WORKDIR /app WORKDIR /app
# Installer les dépendances système nécessaires pour bcrypt, canvas et sharp # Dépendances système : build tools, canvas/sharp, fonts, ffmpeg + dépendances Chrome (glibc)
RUN apk add --no-cache \ RUN apt-get update && apt-get install -y --no-install-recommends \
python3 \ python3 make g++ \
make \ libcairo2-dev libjpeg-dev libpango1.0-dev libgif-dev libpixman-1-dev \
g++ \ libvips-dev pkg-config \
cairo-dev \ fonts-dejavu-core fontconfig \
jpeg-dev \ curl tar bzip2 \
pango-dev \
giflib-dev \
pixman-dev \
cairo \
jpeg \
pango \
giflib \
pixman \
vips-dev \
pkgconfig \
ttf-dejavu \
fontconfig \
curl \
tar \
bzip2 \
chromium \
nss \
freetype \
harfbuzz \
ca-certificates \
ttf-freefont \
ffmpeg \ ffmpeg \
libcap libcap2-bin \
ca-certificates \
libasound2 \
libatk-bridge2.0-0 \
libatk1.0-0 \
libcups2 \
libdbus-1-3 \
libdrm2 \
libgbm1 \
libglib2.0-0 \
libgtk-3-0 \
libnspr4 \
libnss3 \
libpango-1.0-0 \
libx11-6 \
libx11-xcb1 \
libxcb1 \
libxcomposite1 \
libxdamage1 \
libxext6 \
libxfixes3 \
libxkbcommon0 \
libxrandr2 \
libxshmfence1 \
libxtst6 \
&& rm -rf /var/lib/apt/lists/*
# Copier les fichiers de configuration # Copier les fichiers de configuration
COPY package*.json ./ COPY package*.json ./
# Installer les dépendances avec npm install (plus permissif que npm ci) # Installer les dépendances
RUN npm install --legacy-peer-deps RUN npm install --legacy-peer-deps
# Copier tout le code source # Copier tout le code source
@@ -46,44 +50,29 @@ COPY . .
# Télécharger et installer la police DejaVu Sans pour le rendu de texte # Télécharger et installer la police DejaVu Sans pour le rendu de texte
RUN mkdir -p server/fonts && \ RUN mkdir -p server/fonts && \
cd server/fonts && \ cd server/fonts && \
echo "Téléchargement de la police DejaVu Sans..." && \
curl -L -f --retry 3 --retry-delay 2 -o dejavu.tar.bz2 "https://sourceforge.net/projects/dejavu/files/dejavu/2.37/dejavu-fonts-ttf-2.37.tar.bz2/download" && \ curl -L -f --retry 3 --retry-delay 2 -o dejavu.tar.bz2 "https://sourceforge.net/projects/dejavu/files/dejavu/2.37/dejavu-fonts-ttf-2.37.tar.bz2/download" && \
echo "Extraction de l'archive..." && \
tar -xjf dejavu.tar.bz2 && \ tar -xjf dejavu.tar.bz2 && \
echo "Installation de la police..." && \
cp dejavu-fonts-ttf-2.37/ttf/DejaVuSans.ttf . && \ cp dejavu-fonts-ttf-2.37/ttf/DejaVuSans.ttf . && \
ls -lh DejaVuSans.ttf && \
rm -rf dejavu.tar.bz2 dejavu-fonts-ttf-2.37 && \ rm -rf dejavu.tar.bz2 dejavu-fonts-ttf-2.37 && \
echo "✓ Police DejaVu Sans installée avec succès" echo "✓ Police DejaVu Sans installée"
# Augmenter la mémoire pour le build (résout les problèmes de mémoire avec Vite) # Augmenter la mémoire pour le build
ENV NODE_OPTIONS="--max-old-space-size=4096" ENV NODE_OPTIONS="--max-old-space-size=4096"
# Build du frontend et backend avec logs détaillés # Build du frontend et backend
# Build du frontend et backend (Exit on error)
RUN npm run build RUN npm run build
# Nettoyer les fichiers inutiles pour réduire la taille # Nettoyer les fichiers inutiles
# On garde client/src/remotion car le serveur en a besoin au runtime pour le bundling
RUN rm -rf client/node_modules \ RUN rm -rf client/node_modules \
client/.vite \ client/.vite \
node_modules/.cache \ node_modules/.cache \
/tmp/remotion-* /tmp/remotion-*
# Pré-bundler la composition Remotion pendant le build (speedup au premier rendu) # Pré-bundler la composition Remotion pendant le build
RUN node scripts/prebundle-remotion.js || true RUN node scripts/prebundle-remotion.js || true
# Trouver le binaire Chromium système et enregistrer son chemin pour l'utiliser au runtime # Télécharger le Chrome headless shell de Remotion (binaire glibc, compatible Debian)
# Note: npx remotion browser ensure télécharge un binaire glibc qui ne fonctionne pas sur Alpine (musl) RUN npx remotion browser ensure && echo "✓ Remotion browser prêt"
RUN CHROMIUM_BIN=$(which chromium-browser 2>/dev/null || which chromium 2>/dev/null || find /usr -name 'chrome' -o -name 'chromium' -o -name 'chromium-browser' 2>/dev/null | grep -v '/\.' | head -1) && \
if [ -n "$CHROMIUM_BIN" ]; then \
echo "✓ Chromium trouvé: $CHROMIUM_BIN" && \
echo "$CHROMIUM_BIN" > /app/.chromium-path; \
else \
echo "⚠ Aucun chromium trouvé — le rendu échouera"; \
fi && \
cat /app/.chromium-path 2>/dev/null || true
# Exposer le port de l'application # Exposer le port de l'application
EXPOSE 5555 EXPOSE 5555
-14
View File
@@ -171,26 +171,12 @@ remotionRouter.post("/render", upload.array("images", 4), async (req, res) => {
console.log("🎬 Rendering media...", effectiveDurationInFrames, "frames"); console.log("🎬 Rendering media...", effectiveDurationInFrames, "frames");
// Find system Chromium: path written during Docker build, or fallback to common locations
let browserExecutable: string | undefined;
const savedPath = "/app/.chromium-path";
if (fs.existsSync(savedPath)) {
const p = fs.readFileSync(savedPath, "utf-8").trim();
if (p && fs.existsSync(p)) browserExecutable = p;
}
if (!browserExecutable) {
const chromiumPaths = ["/usr/bin/chromium-browser", "/usr/bin/chromium"];
browserExecutable = chromiumPaths.find(p => fs.existsSync(p));
}
console.log("🌐 Browser executable:", browserExecutable ?? "remotion bundled (fallback)");
await renderMedia({ await renderMedia({
composition: { ...composition, durationInFrames: effectiveDurationInFrames }, composition: { ...composition, durationInFrames: effectiveDurationInFrames },
serveUrl: bundleLocation, serveUrl: bundleLocation,
codec: "h264", codec: "h264",
outputLocation, outputLocation,
inputProps, inputProps,
browserExecutable,
chromiumOptions: { chromiumOptions: {
disableWebSecurity: true, disableWebSecurity: true,
ignoreCertificateErrors: true, ignoreCertificateErrors: true,