如何将webrtc适配器js包含到Angular5应用程序中

Question

我需要将webrtc-adapter包含在我的Angular 5应用程序中。

我还需要做些什么：npm install webrtc-adapter？

我是否需要进行任何其他进口？

Answer 1

正如您所说，您必须通过 npm npm install webrtc-adapter安装int，然后您需要将其包含在index.js（或其他主条目文件）中，只需执行以下操作：

import "webrtc-adapter";

在它的顶部。

如果您使用 webpack 而不是导入它，可以将其添加到 webpack 配置中，如下所示：

  entry: {
    application: "src/index",
    vendor: [
      "webrtc-adapter"
    ]
  },

以下是我在项目中如何做的一些例子：

• import directly in main entry file
• using webpack

对于 WebRTC 的简单抽象层，我建议使用peer-data

Answer 2

在使用WebRTC的每个组件或服务中包含import 'webrtc-adapter';。

您还需要导入两个zone.js补丁：

// rtc peer connection patch
import 'zone.js/dist/webapis-rtc-peer-connection';
// getUserMedia patch
import 'zone.js/dist/zone-patch-user-media';

如果您使用的是angular-cli，则应在polyfills.ts之后的import 'zone.js/dist/zone';中添加这些行。