You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the issue
Font & style assets are not being downloaded from external storage (Cloudflare R2) when viewing them in the browser. The assets are being stored correctly in the Cloudflare R2 bucket, but they are not retrieved correctly. We are getting HTTP 400 Bad Request status code only for assets, recordings are working fine.
Steps to reproduce the issue
Configure Cloudflare R2 as external storage and have font & style assets uploaded such as .ttf and .otf fonts.
Use openreplay 17.6
Record a session and close the browser tab
Try to play a session from the openreplay dashboard
Inspect the devtools and you will see errors getting assets
You will also see the recording isn't rendering fonts correctly (for example, font-awesome icons will just be squares)
Expected behavior
Fonts are downloaded correctly the same as styles from the bucket when playing the recording
Screenshots
Here's a screenshot showing the assets that failed to download.
Note that the failed requests don't have the x-amz-* request params compared to the recordings for example.
OpenReplay Environment
Frontend stack: React
OpenReplay version: 1.17.6
Tracker version: 11.1.0
Plugins used: Sentry
Cloud provider: Cloudflare R2
System specs: 2vCPU/8Gb with 100Gb of storage
Additional context
The assets are being stored correctly into the Cloudflare R2 assets bucket.
The R2 Bucket also has the CORs configuration set as you can see here:
Another note is that Cloudflare R2 buckets can only be public via a different URL. For example, to make the assets bucket public for viewing, it would need to be accessed from a different URL than the S3 endpoint (because S3 endpoint is expecting auth tokens). My guess is that's the issue that's happening. Is there a way to configure the URL to be used to access the assets bucket? (as far as I can see, I can only configure the asset bucket name in openreplay, but not the URL for reading).
Finally, if we're not able to make the assets bucket public the way openreplay expects it, can we somehow use the local minio to store the assets bucket but external storage for recordings?
Thank you.
The text was updated successfully, but these errors were encountered:
Describe the issue
Font & style assets are not being downloaded from external storage (Cloudflare R2) when viewing them in the browser. The assets are being stored correctly in the Cloudflare R2 bucket, but they are not retrieved correctly. We are getting HTTP 400 Bad Request status code only for assets, recordings are working fine.
Steps to reproduce the issue
Expected behavior
Fonts are downloaded correctly the same as styles from the bucket when playing the recording
Screenshots
Here's a screenshot showing the assets that failed to download.
Note that the failed requests don't have the
x-amz-*
request params compared to the recordings for example.OpenReplay Environment
Additional context
Finally, if we're not able to make the assets bucket public the way openreplay expects it, can we somehow use the local minio to store the assets bucket but external storage for recordings?
Thank you.
The text was updated successfully, but these errors were encountered: