我有带有主机的 rails 应用程序http://myhost.dev
,它使用 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 */
}
});
我的应用程序.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.