How can I avoid CORS restriction for web audio api?

Question

I trying to create some visualization for audio-stream. But I run into CORS trouble when I try get access to raw audio data with createMediaElementSource() function.

Is there a way to avoid this restriction and get raw audio data from stream on other origins? Perhaps using WebSockets?

Answer 1

There are five ways to deal with the protections against cross-origin retrieval:

1. CORS headers -- this is ideal, but you need the cooperation of the third-party server
2. JSONP -- not appropriate for streaming content and you typically need the cooperation of the third-party server
3. Iframes and inter-window communication -- probably not appropriate for streaming content and you need the cooperation of the third-party server
4. Turning off browser protections -- you need to be running the browser in a custom mode, and you should not use that browser for anything else
5. Server-side proxy -- comparatively slow but often the only feasible option