Shoutcast + Web Audio API CORS Ausgabe

Question

Ich habe ein Problem, an dem ich seit einiger Zeit arbeite, ohne wirklichen Fortschritt. Ich versuche gerade, meinen Shoutcast-Stream in meinen Web-Audio-API-Kontext zu laden. Ich dachte, es würde die CORS verletzen und ich hatte Recht. Ich habe es sowohl durch eine XHR-Anfrage als auch durch das Laden eines Audioelements in das Skript versucht. Es funktionierte mit dem Audio-Element, starb aber beim Versuch, es in das Skript zu laden. Es scheint, dass meine einzige Option ist, zu versuchen, irgendwie die CORS-Header zu dem Stream hinzuzufügen, den mein Shoutcast liefert.

Ich habe keine Ahnung, wie man das macht und hatte kein Glück, online Ressourcen zu finden. Wenn mir jemand einen Rat geben kann, wäre das sehr zu empfehlen!

var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); 
var soundSource, concertHallBuffer; 

ajaxRequest = new XMLHttpRequest(); 

ajaxRequest.open('GET', 'http://127.0.0.1:8000/;stream.mp3', true); 

ajaxRequest.responseType = 'arraybuffer'; 


ajaxRequest.onload = function() { 
    var audioData = ajaxRequest.response; 
    console.log(audioData); 

    audioCtx.decodeAudioData(audioData, function(buffer) { 
    concertHallBuffer = buffer; 
    soundSource = audioCtx.createBufferSource(); 
    soundSource.buffer = concertHallBuffer; 

    soundSource.connect(audioCtx.destination); 
    soundSource.loop = true; 
    soundSource.start(); 
    }, function(e){"Error with decoding audio data" + e.err}); 
} 

ajaxRequest.send(); 

Answer 1

Nur um meine eigene Frage zu beantworten. Ich konnte das mit dem Shoutcast-Stream gut machen, indem ich einen Reverse-Proxy in Apache aufbaute, der auf meinen Shoutcast-Stream und Port zeigte.