javascript - Firefox 中的网络音频

Question

我正在尝试构建一个可视化和控制源音频的网络应用程序，它在 chrome 中运行出色，但在 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);

添加此行后，播放器在 Firefox 中仅在 0:00 挂起。我已经完成研究并遇到了 CORS，但据我所知，这应该是无关紧要的，因为文件保存在同一台服务器上。

请帮忙

Answer 1

您必须使用服务器正确提供音频以便设置 MIME 类型，因此从本地主机而不是 file:///..../track.mp3