v4.0.397

What's Changed

• @remotion/web-renderer: Only traverse up to root element by @JonnyBurger in #6144
• @remotion/web-renderer: Fix transform origin calculation to work on 2D and 3D by @JonnyBurger in #6144
• @remotion/web-renderer: Skip items out of viewport and not being able to display (e.g. 90 degree rotations) by @JonnyBurger in #6144
• @remotion/web-renderer: Use WebGL premultiplication by @JonnyBurger in #6144
• @remotion/web-renderer: Container is a column flexbox like in SSR by @JonnyBurger in #6144
• @remotion/web-renderer: Fix WebGL premultiplication issue by @JonnyBurger in #6146
• @remotion/web-renderer: Fix opacity cumulation by @JonnyBurger in #6147
• @remotion/web-renderer: Border radius and opacity should not conflict by @JonnyBurger in #6148
• @remotion/web-renderer: Ensure we are handling nested border radii by @JonnyBurger in #6149
• @remotion/web-renderer: Support box shadows by @JonnyBurger in #6150
• @remotion/web-renderer: Less rounding when drawing textures by @JonnyBurger in #6153
• @remotion/web-renderer: Better calculation of text baseline by @JonnyBurger in #6154
• @remotion/web-renderer: Support linear-gradient backgrounds by @JonnyBurger in #6155
• @remotion/web-renderer: Same box sizing as in SSR by @JonnyBurger in #6156
• @remotion/web-renderer: Add support for mask images by @JonnyBurger in #6162
• @remotion/web-renderer: add muted prop to renderMediaOnWeb by @samohovets in #6158
• Audiogram Template: Remove useWindowedAudioDataIfPossible wrapper by @samohovets in #6160
• @remotion/studio: Unified render button by @JonnyBurger in #6157

Full Changelog: v4.0.396...v4.0.397

v4.0.396

What's Changed

• @remotion/player: Avoid frame updating after pause has been hit by @JonnyBurger in #6136
• @remotion/media: Don't trigger delayRender() in <Audio> when audio is disabled by @JonnyBurger in #6138
• @remotion/studio: Use a dropdown for logLevel by @JonnyBurger in #6139
• @remotion/web-renderer: Consider offset canvas when rendering in 3D by @JonnyBurger in #6140
• @remotion/web-renderer: Clip huge elements to only relevant viewport by @JonnyBurger in #6141
• @remotion/web-renderer: Support overflow, outline, improve performance by @JonnyBurger in #6143
• @remotion/web-renderer: Support overflow by @JonnyBurger in #6142
• @remotion/web-renderer: Fix bad interpretation of transforms by @JonnyBurger in #6137

Full Changelog: v4.0.395...v4.0.396

v4.0.395

What's Changed

• remotion: Add crossOrigin="anonymous" when rendering an client-side by @JonnyBurger in #6128
• @remotion/media: Wait for BroadcastChannel to be ready by @JonnyBurger in #6122
• @remotion/media-utils: Close connections in useWindowedAudioData() to avoid Chrome connection limit by @JonnyBurger in #6121
• @remotion/web-renderer: fix overflow of border by @JonnyBurger in #6113
• @remotion/web-renderer: Add telemetry using @remotion/licensing by @pskd73 in #6097
• @remotion/web-renderer: More accurate text rendering by @JonnyBurger in #6124
• @remotion/web-renderer: Handle fill / color on the <svg> element by @JonnyBurger in #6130
• @remotion/web-renderer: Individual borders and less licenseKey noise by @JonnyBurger in #6131
• @remotion/web-renderer: Log when 3D canvas is created by @JonnyBurger in #6132
• @remotion/renderer: Add bitrate Typescript type by @riobits in #6134
• Upgrade Mediabunny to 1.27.2 by @JonnyBurger in #6133

Docs

• Update Expert handle by @mickaelalvs in #6120
• Document .close() method by openBrowser() by @hunxjunedo in #6123

New Contributors

• @pskd73 made their first contribution in #6097
• @riobits made their first contribution in #6134

Full Changelog: v4.0.394...v4.0.395

v4.0.394

What's Changed

• @remotion/media: Correct fallback if audio fails to extract by @JonnyBurger in #6117

Templates

• Prompt to Motion Graphics by @ASchwad in #5998

New Contributors

• @ASchwad made their first contribution in #5998

Full Changelog: v4.0.393...v4.0.394

v4.0.393

What's Changed

• @remotion/web-renderer: Make WebGL 3D transformation more efficient by @JonnyBurger in #6104
• @remotion/web-renderer: Fix text items inside a 3D transform by @JonnyBurger in #6106
• @remotion/web-renderer: Correct compositing of 3D effects by @JonnyBurger in #6107
• @remotion/web-renderer: add outputTarget with arraybuffer and web-fs options by @samohovets in #6086
• Upgrade Mediabunny to 1.27.0 by @JonnyBurger in #6109

Full Changelog: v4.0.392...v4.0.393

v4.0.392

What's Changed

• @remotion/player: Revert PR #6087 (multiple frameRef fix) by @samohovets in #6101
• @remotion/web-renderer: Fix 3D CSS transforms by @JonnyBurger in #6100
• @remotion/web-renderer: Support CSS shorthand transforms (scale, rotate) by @JonnyBurger in #6102

Docs

• Update client-side rendering docs by @JonnyBurger in #6094

Full Changelog: v4.0.391...v4.0.392

v4.0.391

What's Changed

• remotion: Battle-proof shared audio tags for different React lifecycle by @JonnyBurger in #6084
• remotion: Fix having multiple internal frameRef's by @JonnyBurger in #6087
• remotion: Fix delayRender scope isolation for web renderer by @samohovets in #6093
• @remotion/serverless: Non-JS SDKs may pass undefined to Lambda render by @JonnyBurger in #6085
• @remotion/media: Fix initial trimBefore value causing player to initialize twice by @JonnyBurger in #6088
• @remotion/media: Avoid race condition with seeking during initialization phase by @JonnyBurger in #6089
• @remotion/media: Anticipate audio and video loop by @JonnyBurger in #6090
• @remotion/media: Fix stuck buffering state when component unmounts during seek by @samohovets in #6082
• @remotion/web-renderer: Fix AudioData size mismatch for single audio sources by @samohovets in #6092
• @remotion/media-utils: Fix delayRender never unblocking in useWindowedAudioData when audio ends by @samohovets in #6083

Docs

• Add "Extracting Thumbnail" documentation page by @Copilot in #6081

Full Changelog: v4.0.390...v4.0.391

v4.0.390

What's Changed

• remotion: Fix audio gaps in web renderer caused by stale React closure by @samohovets in #6076
• @remotion/media: Fix rapid blocks/unblocks (alternate solution) by @JonnyBurger in #6078
• @remotion/web-renderer: Text node handling by @JonnyBurger in #6077

Full Changelog: v4.0.388...v4.0.390

v4.0.388

useVideoTexture() and useOffthreadVideoTexture() were meant to be marked only as deprecated, but in the last version they were throwing an error when called. This is now fixed!

Full Changelog: v4.0.387...v4.0.388

v4.0.387

What's Changed

• @remotion/web-renderer: Fix renderMediaOnWeb() crashing when using React 18 by @samohovets in #6062
• @remotion/web-renderer: fix screenshot capture positioning by @samohovets in #6069
• @remotion/cli: Correct output on new line when rendering an image sequence by @JonnyBurger in #6067
• @remotion/studio: Config to enable experimental browser rendering by @JonnyBurger in #6072
• @remotion/media: Introduce headless prop for <Video> #6071
• @remotion/media: Don't recreate media player in preview when onVideoFrame() changes #6071
• @remotion/media: Less recreations of MediaPlayer() upon prop changes #6071
• @remotion/three: Deprecate useVideoTexture() and useOffthreadVideoTexture() #6071
• @remotion/three: Disallow useVideoTexture() or useOffthreadVideoTexture() to be used in client-side rendering #6071
• remotion: Avoid onVideoFrame warning in <Html5Video> #6071
• @remotion/media-parser: Support single m3u8 playlists with EXT-X-PROGRAM-DATE-TIME by @Copilot in #6065

Docs

• Add client-side rendering to comparison of video tags
• Add "Three.js texture" to comparison of video tags
• Using videos as a Three.js texture

Templates

• Perfect dark mode background in READMEs by @JonnyBurger in #6068
• React Three Fiber template: Move video tag to @remotion/media

Internals

• Avoid regressions for React 18 with packages/react18-tests by @JonnyBurger in #6064
• Upgrade Next and React by @JonnyBurger in #6066
• Stabilize CI by @samohovets in #6070

Full Changelog: v4.0.386...v4.0.387