VideoWall

Video Wall Optimizer

Premium web app for slicing ultra-wide videos and images into ready-to-deploy 1920x1080 outputs for video wall displays.

Folder Structure

VideoWall/
├── client/
│   ├── src/
│   │   ├── components/
│   │   ├── lib/
│   │   ├── App.jsx
│   │   ├── index.css
│   │   └── main.jsx
│   ├── index.html
│   ├── package.json
│   ├── postcss.config.js
│   ├── tailwind.config.js
│   └── vite.config.js
├── server/
│   ├── src/
│   │   ├── config/
│   │   ├── middleware/
│   │   ├── routes/
│   │   ├── services/
│   │   ├── utils/
│   │   └── index.js
│   ├── tmp/
│   │   ├── outputs/
│   │   └── uploads/
│   └── package.json
├── package.json
└── README.md

Setup

1. Install dependencies:

npm install

1. Install FFmpeg and FFprobe:

macOS with Homebrew:

brew install ffmpeg

Ubuntu/Debian:

sudo apt-get update
sudo apt-get install ffmpeg

Windows:

• Install FFmpeg from the official build packages.
• Add ffmpeg and ffprobe to your system PATH.

1. Start the app:

npm run dev

1. Open:

http://localhost:5173

Environment

Optional server variables:

PORT=4000
MAX_FILE_SIZE_MB=2048
CLIENT_ORIGIN=http://localhost:5173
MEDIA_TTL_MINUTES=60

Optional client variable:

VITE_API_URL=http://localhost:4000

Production

npm run build
npm start

If client/dist exists, the Express server serves the built frontend.

Supported Media

• Video: .mp4
• Images: .png, .jpg, .jpeg

Temporary Storage

• uploaded media is stored only long enough to validate and process
• generated slices are deleted immediately after ZIP creation
• the ZIP is deleted after download, or automatically after the configured TTL if abandoned