如何将WebRTC适配器JS包含到Angular5应用中

Question

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

我需要什么，除了做：npm install webrtc-adapter？

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

Answer 1

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

import "webrtc-adapter";

在它的顶部。

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

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

以下是一些我在项目中的工作方式示例：

• 直接导入主条目文件
• 使用webpack

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

Answer 2

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

您还需要导入两个 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';。