Web 音视频 API 图谱
2024-04-22 14:50:00 0 举报AI智能生成
复杂思维导图，元素间相互关联。 图谱内容： 音视频技术在 Web 平台应用有限，资料也相对较少，Web 平台处理音视频的基础能力已具备，但未被大部分从业人员所熟知。 由于涉及的 Web API 非常多，所以整理一份音视频相关的 API 知识图谱，降低在 Web 平台开发音视频应用的门槛。
作者其他创作
大纲/内容
WebCodecs<br>音视频编解码
Video
VideoDecoder<br>视频解码器
VideoFrame<br>原始图像数据
VideoEncoder<br>视频编码器
EncodedVideoChunk<br>编码后的视频数据
Audio
AudioDecoder<br>音频解码器
AudioData<br>原始音频数据
AudioEncoder<br>音频编码器
EncodedAudioChunk<br>编码后的音频数据
Web Audio API<br>音频渲染、处理
AudioContext<br>音频上下文<br>
AudioBuffer<br>音频数据<br>
<b>AudioNode</b>
MSE<br>音视频播放控制
MediaSource
SourceBuffer
基础 API
ArrayBuffer<br>内存数据
fetch / WebTransport / WebSocket<br>网络 API<br>
html: (video | audio)<br>播放音视频数据
captureStream
html: canvas / OffscreenCanvas<br>图像处理、渲染
captureStream
ReadableStream<br>可读数据流
ReadableStream<br><font color="#e74f4c"><VideoFrame | AudioData><br></font>音视频原始数据流
基础流媒体 API
MediaStream<br>媒体内容流<br>
MediaRecorder<br>录制流生成视频文件
MediaStreamTrack<br>音视频轨道数据
MediaStreamTrackGenerator<br>MediaStreamTrack 的子类
MediaStreamTrackProcessor<br>获取音视频流原始对象
Navigator.mediaDevices<br>获取媒体硬件访问
getUserMedia
getDisplayMedia
WebRTC<br>低延迟音视频
RTCPeerConnection<br>远程点对点连接
addTrack<br>发送音视频数据
getReceivers<br>接收音视频数据
显示器
扬声器
麦克风 / 摄像头
硬盘
通用辅助 API
WASM<br>密集型计算
Worker<br>并行计算
WebGL / WebGPU<br>图像处理
OPFS<br>磁盘文件读写
设备硬件
音视频文件
GPU
自由主题
收藏
收藏
0 条评论
下一页
为你推荐
查看更多
