Skip to content

Commit 5ef218e

Browse files
committed
Update migration.mdx
1 parent 5e295fc commit 5ef218e

File tree

1 file changed

+0
-12
lines changed

1 file changed

+0
-12
lines changed

packages/docs/docs/client-side-rendering/migration.mdx

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,6 @@ Start using the [`useDelayRender()`](/docs/use-delay-render) hook instead, which
3131

3232
Unlike server-side rendering, where video and audio assets are downloaded in a Node.js process, and where images can be captured even if they are [tainted](https://developer.mozilla.org/en-US/docs/Web/HTML/How_to/CORS_enabled_image#security_and_tainted_canvases), in client-side rendering, CORS is enforced and images and canvas may not be tainted.
3333

34-
### Why CORS is required
35-
36-
Client-side rendering draws images to a `<canvas>` element. For security reasons, browsers restrict access to image data from different origins. If an image from another domain is drawn to a canvas without proper CORS headers, the canvas becomes "tainted" and its contents cannot be extracted.
37-
3834
### Common error messages
3935

4036
If you use an image that doesn't support CORS, you'll see an error like:
@@ -53,14 +49,6 @@ The image is in a broken state.
5349
This usually means the image failed to load - check that the URL is valid and accessible.
5450
```
5551

56-
### Solutions
57-
58-
1. **Host images with CORS headers**: Ensure your image server responds with `Access-Control-Allow-Origin: *` or a specific origin.
59-
60-
2. **Self-host images**: Download remote images and serve them from your own domain.
61-
62-
3. **Use a CORS proxy**: Route requests through a proxy that adds CORS headers.
63-
6452
## Use `@remotion/media`
6553

6654
The only video and audio tags that are supported are [`<Video>`](/docs/media/video) and [`<Audio>`](/docs/media/audio) from `@remotion/media`.

0 commit comments

Comments
 (0)