WebRTC 演示集合

探索 WebRTC 技术的实际应用,所有演示均来自官方 WebRTC Samples 项目,可直接在线体验

16 个演示

媒体获取 6 个

精选

基础摄像头访问

展示如何使用 getUserMedia API 获取摄像头和麦克风

#camera #microphone #basic

摄像头与画布

将摄像头视频流显示在 Canvas 画布上

#camera #canvas #video
精选

PTZ 摄像头控制

控制支持 PTZ 功能的摄像头进行平移、倾斜和缩放

#camera #ptz #control
精选

屏幕共享

使用 getDisplayMedia API 进行屏幕共享

#screen #sharing #display

录制视频流

录制摄像头视频流并下载

#record #download #mediarecorder

音频处理

音频流的获取和处理

#audio #microphone #processing

点对点连接 3 个

精选

基础点对点连接

在单个标签页中建立基础的点对点连接

#peerconnection #basic #rtc

音频通话

仅音频的点对点通话演示

#audio #call #peerconnection

多方通话

建立多个点对点连接

#multiple #connections #mesh

数据通道 3 个

基础数据通道

基础的数据通道通信演示

#datachannel #basic #messaging
精选

文件传输

通过数据通道传输文件

#file #transfer #datachannel

文本聊天

实时文本消息传输

#text #chat #messaging

媒体捕获 2 个

Canvas 录制

录制 Canvas 画布内容

#canvas #record #capture

视频处理

视频流的实时处理和效果

#video #processing #effects

设备管理 2 个

设备选择

选择不同的摄像头、麦克风和扬声器设备

#devices #selection #audio +1

多设备访问

同时访问多个摄像头设备

#devices #multiple #camera

关于这些演示

所有演示均来自 WebRTC 官方示例项目,展示了 WebRTC 技术的各种应用场景。每个演示都包含完整的源代码,可以直接在线体验或下载学习。

演示 Demo

LIVE

基础摄像头访问

展示如何使用 getUserMedia API 获取摄像头和麦克风

媒体获取 体验

PTZ 摄像头控制

控制支持 PTZ 功能的摄像头进行平移、倾斜和缩放

媒体获取 体验

屏幕共享

使用 getDisplayMedia API 进行屏幕共享

媒体获取 体验