typescript - Safari 上的 AudioContext 问题

Question

我正在尝试在 Angular 5 应用程序的 typescript 文件中使用 AudioContext。它在 Chrome 上运行良好，在 Safari 上不起作用。我通过谷歌搜索看到的所有内容都说要使用 window.webkitAudioContext 但是当 typescript 编译器运行时说它不存在于类型 Window 上时，它立即爆炸。

let context = new AudioContext();
let source = context.createBufferSource();
context
    .decodeAudioData(event.body)
    .then(x => {
        source.buffer = x;
        source.connect(context.destination);
        source.start(0);
    });

Answer 1

您应该扩展 Window 接口(interface)，然后扩充窗口对象。

假设您正在使用 angular-cli，将以下内容添加到您的 typings.d.ts 文件中:

declare interface Window {
  AudioContext: AudioContext;
}

然后在您的 polyfills.ts 文件中，您可以设置 AudioContext 属性:

window.AudioContext = window.AudioContext || window.webkitAudioContext;