README

Sample Dockerfiles for different operating systems that show how to install Remotion including the browser.

Uses npx remotion browser ensure to install the browser, which requires some shared libraries.

Running the tests

./run.sh

This will:

1. Build the browser-test bundle from packages/example (using src/browser-test-entry.ts)
2. Build Docker images for each platform (ubuntu24, ubuntu22, debian, nix)
3. Each Docker build runs remotion compositions and renders two compositions: browser-test and html-in-canvas
4. Extract the rendered videos to out/ directory

Output videos (per platform — <platform>.mp4 and <platform>-html-in-canvas.mp4):

• out/ubuntu24.mp4, out/ubuntu24-html-in-canvas.mp4
• out/ubuntu22.mp4, out/ubuntu22-html-in-canvas.mp4
• out/debian.mp4, out/debian-html-in-canvas.mp4
• out/nix.mp4, out/nix-html-in-canvas.mp4

browser-test composition

Located in packages/example/src/BrowserTest/index.tsx, it tests:

• GPU/WebGL rendering (Three.js)
• Video playback with different codecs (H.264, H.265)
• WebGL availability

html-in-canvas composition

Located in packages/example/src/HtmlInCanvas/index.tsx, it tests the experimental WICG html-in-canvas CanvasRenderingContext2D.drawElementImage() API. If the API is unavailable in the bundled Chrome (e.g. without chrome://flags/#canvas-draw-element or Chrome Canary), the composition fails the render with an error.

The bundle is built from packages/example and copied into each Docker container during build.