简介
redux-rtc 是一个基于 Redux 的 WebRTC 状态管理库，可以方便地与 WebRTC 应用程序进行集成。它使用 Redux 来管理不同 WebRTC 状态，如 Peer 连接，本地流，远程流等，并提供了易于使用的 API。
安装
使用 npm 进行安装：
npm install redux-rtc --save
引入
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ ------------------- ---- ------------
------ -------- ---- -------------
----- --------- - -
---- -
---- - ----- ------------------------------ --
--
--
----- ------------- - -------------------------------
----- ----- - ------------
---------
------------------------------
--API
redux-rtc 提供了三个核心 API：connect、addLocalStream 和 addRemoteStream，用于管理 Peer 连接，本地流和远程流。
connect
connect 用于连接远程 WebSocket 服务器，并准备好启动 WebRTC Peer 连接。
import { connect } from 'redux-rtc';
store.dispatch(connect({
signalingUrl: 'wss://rtc-signaling.org',
peerId: 'my-peer-id',
}));addLocalStream
addLocalStream 用于将本地的媒体流添加到已建立好的 Peer 连接中。
import { addLocalStream } from 'redux-rtc';
navigator.mediaDevices.getUserMedia({ audio: true, video: true })
.then((stream) => {
store.dispatch(addLocalStream(stream));
});addRemoteStream
addRemoteStream 用于将远程的媒体流添加到已建立好的 Peer 连接中。
import { addRemoteStream } from 'redux-rtc';
peerConnection.ontrack = (event) => {
store.dispatch(addRemoteStream(event.streams[0]));
};示例代码
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ -------------------- - -------- --------------- --------------- - ---- ------------
------ -------- ---- -------------
----- --------- - -
---- -
---- - ----- ------------------------------ --
--
--
----- ------------- - -------------------------------
----- ----- - ------------
---------
------------------------------
--
------------------------
------------- --------------------------
------- -------------
----
------------------------------------- ------ ----- ------ ---- --
-------------- -- -
---------------------------------------
---
---------------------- - ------- -- -
--------------------------------------------------
--结论
使用 redux-rtc 可以非常方便地管理 WebRTC 应用程序中的状态，如 Peer 连接，本地流，远程流等。此外，它提供了易于使用的 API，使得 WebRTC 应用程序的集成变得非常简单。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ffee361a36e0bce8a3e