CORS - Udesly audio player

Hello,

I am working on a website and I am using the Udesly audio player. The script is supposed to pull audio from my aws s3 bucket, but the script isn’t able to load the song name or album cover. It has to do with the CORS setting.

Anyone here has experience setting up CORS on aws s3? I can’t seem to understand the code in aws s3. Here is the error it gives me on the console when loading the site.

Access to XMLHttpRequest at ‘https://castnowski.s3.ca-central-1.amazonaws.com/02-all-my-friends.mp3’ from origin ‘https://castnowski.webflow.io’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Is any tech person able to help me with this one? I contacted the Udesly support, but it didn’t solve my problem.

I put this code for the CORS.

<?xml version="1.0" encoding="UTF-8"?> * GET * HEAD

Even with the code, it still doesn’t let me access the file.

Would greatly appreciate a solution!

I finally was able to find the solution for making the Udesly audio player work. In aws s3, here is the line of codes you have to put in the CORS section.

cors solution

My only problem is that on mobile, the album cover and title don’t load. I’m looking into finding a solution for it.