检测是否启用了cors？

Question

如何通过javascript检测html5音频元素的远程文件是否启用了cors？

只有当音频标签的远程源文件启用了cors时，我才想输出一个附加到AudioContext的可视化工具。

Answer 1

只需在加载资源之前通过javascript请求文件，并检查access-control-allow-origin报头的响应头。

如果资源具有标头，则使用资源的URL更新标记的src属性。

jQuery检查请求头部的示例：

var audioSource = 'mysite.com/audiosource.ogg';
$.get( audioSource, function( data, textStatus, request) {
    var header = request.getResponseHeader('access-control-allow-origin');

    if(typeof header !== 'undefined') {
         $('#audiotag').attr('src', audioSource);
    }
});

值得注意的是，如果设置了access-control-allow-origin标头，并且您没有从正确的域请求，则无论如何都会禁止您加载资源