WebRTC 是一个开放的框架，可以在不需要插件的情况下，实现浏览器之间的实时音视频通讯。而 Deno 是一个 JavaScript 和 TypeScript 运行时环境，用于开发服务器端应用程序。本文将详细介绍在 Deno 中如何操作 WebRTC 实现视频通讯。
安装
首先，需要安装 Deno 运行时环境，安装方法可以参考 Deno 官方文档。
创建 WebRTC 连接
WebRTC 用于建立点对点的连接，其中包含两个节点，一个是发送者，一个是接收者。连接建立需要以下步骤：
- 通过 API 获取本地媒体流
在发送端，我们需要获取本地的音视频流，可以使用浏览器提供的 getUserMedia API 获取。
----- ------ - ----- ------------------------------------------- ----- ------ -------
- 创建 PeerConnection 对象
----- -- - --- ---------------------------------
其中，configuration 可以是一个 JSON 对象，用于配置 STUN/TURN 服务器等信息。
- 将本地媒体流加入 PeerConnection
-------------------------------- -- -
------------------ --------
---- 创建 Offer 并发送给接收端
----- ----- - ----- ----------------- ----- ------------------------------ -- -- ----- ----
- 接收端设置 RemoteDescription
将接收到的 Offer 设置为 RemoteDescription。
----- ------------------------------- -- ------- ------ --------- ----- ------ - ----- ------------------ ----- ------------------------------- -- -- ------ ----
- 发送端设置 RemoteDescription
在发送端，也要将接收到的 Answer 设置为 RemoteDescription。
----- --------------------------------
以上步骤就完成了 WebRTC 点对点连接的建立。
实现视频通讯
建立了连接之后，就可以进行视频通讯了。
- 监听 ICECandidate 事件
----------------- - --- -- -
-- ------------- -
-- - --------- -----
-
--在以上代码中，当 ICECandidate 准备好时，会触发 onicecandidate 事件，我们需要将 candidate 发送给对方，对方也要同样操作，这样两边就可以建立 ICECandidate。
- 监听 OnTrack 事件
---------- - --- -- -
----- ----- - --------------------------------
--------------- - -------------
--在以上代码中，当接收到媒体流时，会触发 ontrack 事件，我们需要将媒体流赋值给 video 的 srcObject 属性，就可以实现视频通讯了。
示例代码
----- ------------- - -
----------- -
------ --------------------------------
------ ---------------------------------
------ ---------------------------------
------ ---------------------------------
------ ---------------------------------
-
--
----- ------ - ----- ------------------------------------------- ----- ------ -------
----- -- - --- ---------------------------------
-------------------------------- -- -
------------------ --------
---
----- ----- - ----- -----------------
----- ------------------------------
-- - ----- ------
----------------- - --- -- -
-- ------------- -
-- - --------- -----
-
--
---------- - --- -- -
----- ----- - --------------------------------
--------------- - -------------
--
----- --------------------------------
----- ------ - ----- ------------------
----- -------------------------------
-- - ------ ------
----- -------------------------------总结
本文介绍了在 Deno 中如何操作 WebRTC 实现视频通讯，其中包含创建连接、实现视频通讯等多个方面。WebRTC 功能强大，相信本文对于初学者来说，能够提供一定的帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6652a4c1d3423812e471b708