Question

我有使用主机http://myhost.dev的rails应用程序，并使用vk.com（俄语facebook）的API搜索音乐，因此，它提供搜索方法audio.search。这是我的search.js.erb，它使用远程链接调用某些控制器的搜索操作：

VK.api('audio.search',{q: "<%= j params[:query] %>", auto_complete: "1", sort: "2", count: "200"},function(data){
  if(data.response) {
    $(function() {
      var audio = $('audio');
      // Setup the audio.js player
      var a = audiojs.create(audio);
      });
      // Load in the first track
      var audio = a[0];
          first = $('ol a').attr('data-src');

      console.log(first);
      $(".song-title").text($('ol a').first().text());
      $('ol li').first().addClass('playing');

      // load resource to player
      audio.load(first);
      });
    });

  }

  else {
    /* handle error */
  }
});

我的application.js：

  // initiate vk application
  VK.init({
    apiId: '3650724'
  });

一切都没关系，一切正常，但是，它没有在另一条路线上！例如，在路由http://myhost.dev/foo上，我有另一个音频标签，代码如下：

:javascript
  var artist = '#{ @artist.name }';
  // Setup the player to autoplay the next track

  // Setup the player to autoplay the next track

  // Load in the first track
  var track_name = $('ol a').first().attr('data-src');
  VK.api('audio.search',{q: artist + " - " + track_name, auto_complete: "1", sort: "0", count: "1"},function(data){
    if(data.response) {
      $(function() { 
        alert("lol");
        var audio = $('audio');
        var a = audiojs.create(audio);
        var first_track = data.response[1];
        $(".song-title").text(first_track.title);
        $('ol li').first().addClass('playing');

        console.log(first_track.url);
        audio.load(first_track.url);
      });
    }
    else {
      alert("fail!");
    }
  });

它返回有效的json响应，但是当将资源url加载到播放器时它会给我

XMLHttpRequest cannot load http://cs4967.vk.me/u5366455/audios/some.mp3. Origin http://myhost.dev is not allowed by Access-Control-Allow-Origin.

Answer 1

这不是您的API请求的问题，但<audio />元素（以及此问题<video />）只会发出请求on the same domain。

VK不会为您列出的URL发出CORS标头（尽管它是404）。如果是这种情况，您可能必须使用自己的服务器作为代理，并将mp3检索到您的服务器上，并从那里流式传输。

另一个CORS问题？

1 个答案: