Cómo instalar Reframe en Docker - Editor de video en navegador autohospedado en Docker

Reframe | Video Editor | Docker

Reframe: Editor de video en navegador autohospedado sin conexión a servidores

Editor de video open source basado en navegador. Todo en tu dispositivo. Sin uploads, sin cuentas, sin servidores. 11+ formatos presets. Cambio tamaño, corte, rotación, velocidad, audio. Todo procesa localmente.

¿Qué es Reframe?

Reframe es un editor de video open source basado en navegador donde TODO se procesa localmente en tu dispositivo sin enviar datos a ningún servidor. A diferencia de herramientas cloud (Adobe Premiere, Final Cut, DaVinci Resolve cloud), Reframe NO requiere cuentas, NO sube archivos, NO tiene costos. Es simplemente una aplicación web que manipula video usando FFmpeg en tu navegador via WebAssembly.

Filosofía: Tu contenido es tuyo. Sin intermediarios. Sin telemetría. Sin suscripción. Acceso gratuito perpetuo. Perfect para creadores que quieren privacidad y velocidad.

Características principales: Redimensionamiento instantáneo (11 presets: Reels 9:16, TikTok, YouTube, Instagram, etc + custom). Dos modos: Fit (letterbox) o Fill (crop). Corte preciso de inicio/fin. Rotación: 0°, 90°, 180°, 270°. Control de audio: mantener o silenciar. Velocidad: 0.25x a 4x con audio sincronizado. Configuración de calidad: slider CRF para quality vs file size. Temas: light, dark, high-contrast. Open source MIT. Hosteable localmente. HTML5 + FFmpeg.wasm.

Para creadores de contenido: Redimensiona videos para redes sociales en segundos. Todo offline. Sin cuentas. Sin huella digital.

Características principales

Redimensionamiento instantáneo

11 presets (Reels, TikTok, YouTube, Instagram, etc) + dimensiones custom. Un click.

Dos modos framing

Fit (letterbox) o Fill (crop). Elige cómo manejar aspectos diferentes.

Corte preciso

Trimming con validación en tiempo real. Corta inicio/fin con duración exacta.

Rotación

0°, 90°, 180°, 270° rotation. Para videos rotados o paisaje/vertical.

Control de audio

Mantener o silenciar audio. Independiente de video.

Control de velocidad

0.25x a 4x playback speed. Audio sincroniza automáticamente.

Control de calidad

Slider CRF para balance quality vs file size. Trade-off visual.

Temas accesibles

Light, dark, high-contrast. Se guarda preferencia en localStorage.

100% offline

Todo procesa en tu navegador. Sin servidores. Sin internet requerido.

Open source MIT

Código abierto. Gratuito. Libre. Auditable. Comunidad.

Sin cuentas

No requiere login. No hay tracking. Privacidad total.

Multiplataforma

Web (cualquier navegador moderno). Desktop deployment posible.

Consideraciones importantes

Atención: Reframe procesa en el navegador usando FFmpeg.wasm. Para videos grandes (>500MB), puede ser lento dependiendo tu máquina. No es reemplazo a professional editors (Premiere, DaVinci), es para tareas rápidas: resize para redes, cortes simples, cambios formato.

Requisitos (si auto-hospedas)

• Docker & Docker Compose (opcional, para hosting)
• Navegador moderno: Chrome, Firefox, Safari, Edge
• RAM: 2+ GB recomendado para videos grandes
• Espacio disco: Para almacenar videos durante edición
• Internet: NO requerido (todo local)

Opción más simple: Usa https://reframe.peach.dev (hosted gratis online). No requiere setup. No requiere Docker.

Opción 1: Usar Reframe online (sin setup)

Acceso directo

Simplemente abre: https://reframe.peach.dev

¡Listo! Empieza a editar videos. Todo procesa localmente. Sin cuentas. Sin tracking.

Opción 2: Auto-hospedaje con Docker

Paso 1: Crear docker-compose.yml

cat > docker-compose.yml << 'EOF' version: '3.8' services: reframe: image: node:18-alpine container_name: reframe-editor restart: unless-stopped ports: - "3000:3000" volumes: - ./reframe:/app working_dir: /app command: sh -c "npm install && npm run dev" EOF

Paso 2: Clonar repositorio Reframe

git clone https://github.com/magic-peach/reframe.git reframe cd reframe

Paso 3: Iniciar con Docker

docker compose up -d # Espera 2-3 minutos para que build y start docker compose logs -f reframe

Acceder

http://localhost:3000 - Reframe editor local

Para producción (build estático)

npm run build # Genera output en out/ (deploy a Vercel, Netlify, GitHub Pages)

Primeros pasos

1. Cargar video

1. Abre Reframe (online o local)
2. Arrastra tu video al navegador o click "Upload"
3. Espera a que cargue (depende tamaño video)

2. Redimensionar para redes sociales

1. Selecciona preset: TikTok (9:16), Reels (9:16), YouTube (16:9), Instagram (4:5), etc
2. Elige modo: Fit (letterbox - bande negra) o Fill (crop - recorta)
3. Preview muestra resultado en tiempo real

3. Cortar video

1. Arrastra slider para establecer inicio
2. Arrastra fin
3. Duración se valida en tiempo real

4. Ajustar propiedades

1. Rotación: 0°, 90°, 180°, 270°
2. Audio: Keep o Mute
3. Velocidad: 0.25x a 4x
4. Calidad (CRF): slider para balance tamaño/quality

5. Exportar

1. Click "Export" o "Download"
2. Navegador procesa video (puede tomar minutos para videos grandes)
3. Se descarga archivo MP4 a tu máquina

6. Tema oscuro

1. Click icono tema (arriba derecha)
2. Elige Light, Dark, o High Contrast
3. Se guarda automáticamente para próximas sesiones

Casos de uso

• Creadores de contenido: Redimensiona videos para TikTok, Reels, YouTube Shorts instantáneamente.
• Profesionales marketing: Adapt videos para múltiples plataformas. Sin software pesado.
• Educadores: Corta y resizing de videos de clase. Rápido y local.
• Periodistas/vloggers: Quick edits de contenido. Sin dependencia cloud.
• Anyone with privacy concerns: Edita videos sin uploads. Sin tracking. Datos locales.

Deploy producción con Caddy

Caddyfile

reframe.tudominio.com { reverse_proxy localhost:3000 }

Acceso remoto seguro

https://reframe.tudominio.com con HTTPS automático

Para Vercel (más simple)

npm run build vercel --prod # Deployes a Vercel automáticamente

Gestión y mantenimiento (Docker)

Ver logs

docker compose logs -f reframe

Reiniciar

docker compose restart reframe

Detener

docker compose down

Actualizar a versión más reciente

cd reframe && git pull origin main docker compose up -d --build

Monitorear recursos

docker stats reframe-editor

Comparativa con alternativas

vs Adobe Premiere / Final Cut

Reframe gana: Gratuito, online, sin instalación, privado. Premiere/FCP ganan: Features profesionales, control total, plugins.

vs DaVinci Resolve

Reframe gana: Simplicity, no installation, gratuito. DaVinci gana: Color grading, effects, VFX profesionales.

vs Shotcut / OpenShot

Reframe gana: Web-based, más rápido para tareas simples. Shotcut gana: Más powerful, effects, transitions.

vs CapCut online

Reframe gana: Privacy (todo local), open source, sin tracking. CapCut gana: Más features, más pulido, templates.

Mejor para: Quick edits, privacy-conscious creators, redimensionamiento rápido para redes. No es reemplazo a editors profesionales.

---

Referencias oficiales

• GitHub Repository - magic-peach/reframe
• Live Demo - Reframe Online (Free)
• README con instrucciones
• GitHub Issues & Discussions

Apoya el canal GENBYTE

Suscríbete al canal de YouTube Suscríbete a la newsletter semanal Invítame a un Ko-fi genbyte@proton.me

Sígueme en mis redes sociales

Telegram Discord YouTube GitHub Blog Twitter