Canvas Audio Visualizer не отображается в Safari

Question

Я создаю аудио-визуализатор для веб-сайта с использованием Canvas, но он не отображается в 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();

Если я перехожу к аудио URL, он загружается нормально (и довольно быстро).

Я создал пример codepen, который отлично работает в Chrome и Firefox, но не работает в Safari: http://codepen.io/ericjacksonwood/pen/bBGEbM

Answer 1

Я смог заставить это работать, обновив мой AudioContext(); включить префикс поставщика WebKit:

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

Я обновил кодовую ручку, чтобы отразить это изменение, и теперь оно работает нормально в Safari, Chrome и Firefox.