如何将webrtc adapter js包含在Angular5应用程序中

Question

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

此外，我需要做的是：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"
    ]
  },

以下是我在项目中如何做到这一点的一些示例：

• 直接在主入口文件中导入
• 使用网络包

对于WebRTC的简单抽象层，我建议使用对等数据

Answer 2

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

您还需要导入两个区域.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则应将这些行添加到此文件中已有import 'zone.js/dist/zone';之后polyfills.ts。