я пытаюсь создать веб-приложение, которое визуализирует и контролирует исходный звук, оно отлично работает в хроме, но полностью ломается в firefox, оно даже не воспроизводит звук. вот код:
var audio = new Audio();
audio.src='track.mp3';
audio.controls = true;
audio.loop = false;
audio.autoplay = false;
window.addEventListener("load", initPlayer, false);
function initPlayer(){
$("#player").append(audio);
context = new AudioContext();
analyser = context.createAnalyser();
canvas = document.getElementById("vis");;
ctx = canvas.getContext("2d");
source = context.createMediaElementSource(audio);
source.connect(analyser);
analyser.connect(context.destination);
}
строка, которая все ломает:
source = context.createMediaElementSource(audio);
после добавления этой строчки плеер просто зависает на 0:00 в firefox. Я провел свое исследование и наткнулся на CORS, но, насколько я понимаю, это не имеет значения, поскольку файл хранится на том же сервере.
Пожалуйста помоги