Blocked by CORS policy: No 'Access-Control-Allow-Origin'

1

how do one bypass this

Access to audio at ‘http://audiosoundclips.com/wp-content/uploads/2011/12/Drum2.mp3’ from origin ‘https://s.codepen.io’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

2

I believe that’s a setting from the service provider’s side, i.e. audiosoundclips in this case.

A couple of things you can do:

  • download the mp3 file in question onto your domain and serve it yourself or
  • pick another web service that allows requests to come from other origins
3

Apart from the suggestions by @lcarbonaro, you might also wanna try using some other browser incase you’re using chrome, or using a chrome extension that allows cross origin resource sharing.