WebRTC 是一种支持浏览器端实时通信 (Real-Time Communications, RTC) 的技术。@types/webrtc 是 WebRTC TypeScript 类型定义文件的 npm 包，它提供了快速开发 WebRTC 的手段。本篇文章将向您介绍如何使用 @types/webrtc 包。
在项目中安装 @types/webrtc
您可以使用 npm 命令在项目中安装 @types/webrtc 包，如下所示：
npm install --save-dev @types/webrtc
使用 @types/webrtc
在项目中使用 @types/webrtc 的过程非常简单。只需在您的 TypeScript 代码中导入所需的 WebRTC 接口即可。下面是一个样例代码：
import * as WebRTC from 'webrtc'; let pc = new WebRTC.RTCPeerConnection();
操作示例
下面是一个 WebRTC 操作示例，该示例可以创建本地视频流并发送到远程端：
-- -------------------- ---- -------
------ - -- ------ ---- ---------
--- ------------ ------------
--- ------------- ------------
--- ---------- - --------------------------------------
--- ----------- - ---------------------------------------
------------------------------------------- ----- ------ -------
------------ -- -
----------- - -------
-------------------- - -------
--
------------ -- -
---------------------
---
--- --- - --- ---------------------------
--- --- - --- ---------------------------
------------------ - ----- -- -
-- ----------------- -
------------------------------------
-------- -- ---------------- --- --- --- --------- -------------
------------ -- ------------------ --- --- --- --------- -------- --------
-
--
------------------ - ----- -- -
-- ----------------- -
------------------------------------
-------- -- ---------------- --- --- --- --------- -------------
------------ -- ------------------ --- --- --- --------- -------- --------
-
--
----------- - ----- -- -
--------------------- - -----------------
------------ - -----------------
--
------------------------------------- -- -
------------------- -------------
---
-----------------
---------- -- -
-----------------------------
-------- -- -
------------------------------
-------- -- -
------------------
---------- -- -
-----------------------------
-------- -- -
------------------------------
-------- -- -
-------------------- -------------
--
------------ -- ------------------ -------------------- -------- --------
--
------------ -- ------------------ ------------------- -------- --------
--
------------ -- ------------------ ------------ -------- --------
--
------------ -- ------------------ -------------------- -------- --------
--
------------ -- ------------------ ------------------- -------- --------
--
------------ -- ------------------ ----------- -------- --------本示例首先使用 navigator.mediaDevices.getUserMedia() 方法获取本地视频流对象并将其赋值给局部变量 localStream，然后将其显示在 #localVideo 元素中。接下来，它创建了两个 RTCPeerConnection 对象 pc1 和 pc2。然后，它向 pc1 添加本地视频流，并使用 pc1.createOffer() 创建一个 offer。当 offer 创建成功时，它将 offer 作为 pc1.setLocalDescription() 方法的参数，将其设置为本地的描述。接下来，它以同样的方式处理 pc2，并使用 pc2.createAnswer() 和 pc2.setLocalDescription() 创建和设置远程端的描述。最后，它使用 pc1.setRemoteDescription() 将远程描述设置为本地端，完成 WebRTC 连接。
总结
@types/webrtc 对于开发以 TypeScript 语言编写的 WebRTC 应用程序非常有用。使用它，您可以轻松访问 WebRTC 接口和方法，并实现高效的 WebRTC 实时通信。在本篇文章中，我们讨论了如何在项目中安装和使用 @types/webrtc 包，并提供了一个常见操作示例。现在，您可以尝试使用该包来构建您的应用程序，并在实时通信方面获得更优异的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedd616bb4e78292a6fb8a9