webrtc常用api，MediaStream，媒体流，MediaDevices
WebRTC（Web Real-Time Communication）是用于在Web浏览器中实现实时通信的技术和API集合。以下是一些常用的WebRTC API：
-
getUserMedia(): 用于从设备（如摄像头和麦克风）获取音视频流。它允许用户授予网页访问其设备的权限，并返回一个MediaStream对象，其中包含了音视频轨道。 -
RTCPeerConnection: 用于建立点对点（Peer-to-Peer）连接并进行音视频通信。它提供了方法来配置连接、添加和移除媒体轨道、发送和接收数据等。createOffer()和createAnswer(): 创建本地的SDP（会话描述协议）描述，包含本地设备的配置和能力信息。setLocalDescription()和setRemoteDescription(): 设置本地和远程设备的SDP描述。- addIceCandidate(candidate): 添加ICE（Interactive Connectivity Establishment）候选者，用于建立对等连接。
- addTrack(track, stream): 添加音视频轨道到连接中。
- removeTrack(sender): 从连接中移除音视频轨道。
-
RTCDataChannel: 用于在对等连接之间传输任意的数据。它提供了可靠的、有序的、双向的数据通道，允许应用程序交换文本、二进制数据等。send(): 发送数据到对等连接的另一端。onmessage: 事件处理程序，用于接收从对等连接接收到的数据。
-
RTCSessionDescription: 表示SDP描述的对象，包括配置和能力信息。 -
RTCIceCandidate: 表示ICE候选者的对象，包含网络地址信息。 -
navigator.mediaDevices: 用于访问媒体设备的API。getUserMedia(): 获取音视频流的方法。
-
MediaStreamTrack: 表示音视频轨道的对象，可以控制轨道的启用和禁用。enabled: 属性，用于启用或禁用音视频轨道。
-
MediaStream: 表示音视频流的对象，包含一个或多个音视频轨道。addTrack(track): 将音视频轨道添加到流中。removeTrack(track): 从流中移除音视频轨道。
上述API提供了一系列用于实现音视频通信和数据传输的功能。它们可以用于建立实时通信、视频会议、音视频聊天等应用程序。请注意，这只是一部分常用的WebRTC API，WebRTC还提供了其他更多的API和事件，用于处理媒体控制、错误处理等。
媒体流（MediaStream）是WebRTC中的一个重要概念，它代表着音频和视频数据的流。媒体流可以包含一个或多个音频轨道（AudioTrack）和视频轨道（VideoTrack），这些轨道可以同时捕获和播放音频和视频内容。
下面是一些关于媒体流的详解和概念性知识点：
-
媒体轨道（MediaTrack）：媒体轨道是媒体流的组成部分，用于表示音频或视频内容。一个媒体流可以包含一个或多个音频轨道和视频轨道。音频轨道捕获和传输音频数据，视频轨道捕获和传输视频数据。
-
媒体流捕获（MediaStream Capture）：媒体流捕获是指从设备（如摄像头、麦克风）中获取音频和视频数据，并生成媒体流的过程。通过使用
getUserMedia()方法，可以请求用户授权访问设备，并获取包含音频和视频轨道的媒体流。 -
媒体流播放（MediaStream Playback）：媒体流播放是指将媒体流中的音频和视频数据进行实时播放的过程。可以通过将媒体流关联到HTML5的
<video>元素的srcObject属性上，或将媒体流传递给其他WebRTC连接的对等方来实现媒体流的播放。 -
媒体流的控制：媒体流提供了一些方法和属性来控制音频和视频轨道的行为，例如启用/禁用轨道、调整音量、获取当前时间等。通过操作媒体流和轨道，可以实现音频和视频的控制和处理。
-
媒体流的传输：WebRTC使用媒体流来在对等连接之间传输音频和视频数据。通过将媒体流添加到
RTCPeerConnection对象中的轨道中，并使用WebRTC的信令机制交换媒体流的描述信息（SDP），可以在对等连接之间建立音视频通信。 -
媒体流的事件：媒体流和媒体轨道可以触发各种事件，以便应用程序可以对其进行监听和响应。例如，可以监听媒体流的
onaddtrack事件以在添加新轨道时执行操作，或者监听轨道的onended事件以在轨道结束时执行操作。
总之，媒体流是WebRTC中用于捕获、传输和播放音频和视频数据的重要概念。通过使用媒体流，可以实现实时的音视频通信和多媒体应用程序，如视频会议、音视频聊天和实时流媒体等。
MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/MediaStream
在处理媒体流时，以下是一些常用的 Web API：
-
MediaDevices API：通过
navigator.mediaDevices对象可以访问媒体设备，如摄像头和麦克风。它提供了获取媒体流的方法，如getUserMedia()。 -
MediaStream API：
MediaStream表示一个媒体流，可以通过getUserMedia()方法获取。它包含音频和/或视频轨道，可以通过操作MediaStream来控制媒体流的播放和录制。 -
MediaRecorder API：
MediaRecorder允许你在浏览器中录制媒体流（如音频或视频）。它提供了开始、暂停和停止录制的方法，并且可以将录制的内容保存为文件或进行实时传输。 -
MediaElement API：
HTMLMediaElement是媒体元素的 DOM 接口，例如<audio>和<video>元素。它提供了控制媒体播放、暂停、音量、播放速度等的方法和属性。 -
WebRTC API：WebRTC（Web实时通信）是一组浏览器 API，用于实现实时音视频通信。它包括
RTCPeerConnection、RTCDataChannel、RTCRtpSender等接口，用于建立点对点的音视频连接并进行数据传输。 -
Canvas API：
CanvasRenderingContext2D提供了在<canvas>元素上绘制和处理图像、视频等的方法和属性。你可以使用它来从视频流中捕捉帧、进行图像处理，或在画布上渲染实时图像。
这些 API 可以帮助你处理媒体流，包括获取媒体流、录制媒体、控制播放、实时通信等。根据你的具体需求，你可以结合这些 API 进行媒体处理和操作。请注意，某些 API 可能需要特定的浏览器支持，因此在使用时请查阅相关文档并进行兼容性检查。
MediaDevices
navigator.mediaDevices 是 Web API 中的一个对象，提供了访问媒体设备（如摄像头和麦克风）的方法，并返回与媒体相关的 Promise 对象。
以下是对 navigator.mediaDevices 的解析：
-
getUserMedia(constraints)：
这是navigator.mediaDevices对象的一个方法，用于请求用户授权访问媒体设备并获取媒体流（MediaStream）对象。通过传递适当的约束条件（constraints），可以指定所需的媒体类型、分辨率、帧率等。示例用法：
navigator.mediaDevices.getUserMedia({ audio: true, video: true }) .then(function(stream) { // 在获取媒体流成功后执行操作 }) .catch(function(error) { // 处理获取媒体流失败的情况 }); ``` -
enumerateDevices()：
这是navigator.mediaDevices对象的另一个方法，用于获取当前系统可用的媒体设备列表。返回一个 Promise 对象，其解析值是一个包含设备信息的数组。示例用法：
navigator.mediaDevices.enumerateDevices() .then(function(devices) { // 处理设备列表 }) .catch(function(error) { // 处理获取设备列表失败的情况 }); ``` -
Promise 对象：
``navigator.mediaDevices.getUserMedia()和navigator.mediaDevices.enumerateDevices()返回的都是 Promise 对象。通过使用 Promise 的then()和catch()` 方法，可以处理异步操作的成功和失败情况。then(onFulfilled, onRejected)：当 Promise 成功解析时执行的回调函数。catch(onRejected)：当 Promise 解析失败时执行的回调函数。
通过 navigator.mediaDevices 提供的方法，可以方便地访问媒体设备并获取媒体流，从而实现音视频通信、媒体捕获和处理等功能。请注意，这些方法需要在安全的上下文中（HTTPS 或 localhost）才能正常工作。
MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices
