javascript - 如何在 Angular2 应用程序中使用 MediaRecorder 对象？

Question

我正在构建一个小型 Angular2 应用程序，并且我正在尝试使用 MediaRecorder 对象 ( https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder )，如下所示:

var mediaRecorder = new MediaRecorder(stream);

但是，TypeScript 告诉我它找不到名称“MediaRecorder”。我猜这取决于我直接从快速入门指南 (https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html) 中提取的 TypeScript 配置。配置如下所示:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true
  },
  "compileOnSave": true
}

我在网络上看到过各种配置，包括“target: es6”或“lib: es6”以及带有“commonjs”以外的模块的配置，但我是新手，所以我不太确定是什么正在进行。当我尝试更新这些值时，我遇到了更多错误。

有谁知道我怎样才能让它工作？

Answer 1

您现在可以更轻松地为 MediaRecorder 添加类型，只需通过 npm 安装它们即可。

npm install -D @types/dom-mediacapture-record

这将从 DefinitelyTyped 加载最新的类型定义.它们会自动工作，无需额外步骤。 如果您对打字有任何改进，请随时将它们贡献给 DefinitelyTyped。