Beta — Requires HTML-in-Canvas
The full CRT WebGL effects use Remotion's HTML-in-Canvas API, which is experimental and only available in Chrome Canary. To preview in Remotion Studio:
- Install Chrome Canary (v149+)
- Open
chrome://flags/#canvas-draw-element - Set the flag to Enabled and restart
Rendering via remotion render works without any extra setup. For WebGL shaders, add --gl=angle.
Render CLI
npx remotion render remotion/index.tsx AppleMovie output.mp4 --codec=h264 --gl=angle
Composition code
import React, { useCallback, useRef } from 'react';
import {
AbsoluteFill,
HtmlInCanvas,
type HtmlInCanvasOnInit,
type HtmlInCanvasOnPaint,
useCurrentFrame,
useVideoConfig,
useRemotionEnvironment,
Img,
staticFile,
} from 'remotion';Apple Movie
Cinematic macOS desktop simulation with WebGL cylindrical panoramic wrap and floor reflection — Dock magnification, Launchpad, Calculator interaction, and a holographic 3D curved display.
Duration16s
Resolution1920 × 1080
Frame rate30 fps
Frames480
This is a free, open-source template. Copy the code and drop it into your Remotion project.
