Question

我正在使用Canvas为网站创建一个Audio Visualizer，但它没有出现在Safari中。我认为这可能是加载音频的问题，因为在音频加载之前，可视化工具不会显示。

以下是我用来加载音频的内容：

var request = new XMLHttpRequest();

request.open('GET', 'http://content.jwplatform.com/videos/gNilRtS6-xLS6q3Uo.m4a', true);
request.responseType = 'blob';

request.onload = function() {
    audio.src = window.URL.createObjectURL(request.response);
    console.log(request.response);
}

request.send();

如果我导航到音频网址，它会很好地加载（并且相当快）。

我创建了一个在Chrome和Firefox中运行良好的codepen示例，但在Safari中不起作用：http://codepen.io/ericjacksonwood/pen/bBGEbM

Answer 1

我能够通过更新我的AudioContext（）来实现这个目的。包含webkit供应商前缀：

var audioContext = new (window.AudioContext || window.webkitAudioContext)();

我已经更新了codepen以重新发布此更改，现在它似乎在Safari，Chrome和Firefox上正常运行。

Canvas Audio Visualizer未出现在Safari中

1 个答案: