网络音频 API 和 <audio> 标签

Question

我在让 html5 标签与网络音频 API .createMediaElementSource() 方法一起播放时遇到问题。请参阅下面的 jsFiddle/code。如果知道这里出了什么问题，我们将不胜感激。

我读到 here 这是 FireFox 中的一个问题，但是 a) 我在 Chrome 中工作并且 b) 如果 .mp3 在同一个文件夹中则它不起作用作为.html.

这里的最终目标是使用创建一个网站来过滤来自 SoundCloud API 的曲目，如果有人有任何建议的话。

js:

$(function(){
  //create audio context
  var context = new AudioContext();

  //set variable pointing at the audiotag
  var audio = document.getElementById('player');

  //declare source that will become the media element source, create gain and filter, and connect them
  var source;
  var gain = context.createGain();
  var filter = context.createBiquadFilter();

  //routing
  gain.connect(filter);
  filter.connect(context.destination);
  filter.frequency.value = 220;

  //when the audio has sufficiently loaded, create media element source and connect it to the gain
  audio.oncanplaythrough = function(){

        source = context.createMediaElementSource(audio);

        source.connect(gain);
      };
    });

HTML:

<audio id='player' src='http://develiot.com/eqsoundcloud/EttaAnything.mp3' controls></audio>

Answer 1

Chrome 也遵循同源策略，除非您在服务器上启用了 CORS。

网络音频 API 和 <audio> 标签

Web Audio API and <audio> tag

html5-audio

web-audio-api