实时音视频
实时音视频
文档指南
请输入
实时音视频
快速入门
场景方案
开发指南
Token 鉴权
音频管理
视频管理
屏幕共享
SDK 升级指南
客户端 API 参考
服务端 API 参考
房间管理
转推直播
输入在线媒体流
WTN 流（原公共流）
实时数据监控
历史数据查询
业务标识管理
实时消息通信
历史版本（文档停止维护）
2023-08-01
2023-06-01
转推直播
2022-06-01
2020-12-01
转推直播
输入在线媒体流
获取数据指标
常见问题
集成相关
质量相关
AI 音视频互动方案
开发指南
配置 ASR/LLM/TTS 服务
API 参考
硬件对话智能体
用户指南
服务端 API
智能体
实时信令
互动白板
客户端 API 参考
服务端 API 参考
- 文档首页
实时音视频实时音视频开发指南音频管理自定义音频采集和渲染Web 端自定义音视频采集
复制全文
下载 pdfWeb 端自定义音视频采集
文档反馈
问问助手当你使用 RTC 实现实时音视频通信时，RTC 会使用默认的音视频模块进行视频采集。在一些场景下，你可能会发现默认模块无法满足需求，比如：
- 音视频应用中已实现了视频采集和渲染模块；
- 希望使用其他设备采集的视频源，如录屏信息；
- 希望对采集到的音视频数据进行一些传输前处理，如美颜等；
- 某些视频采集设备被占用。
在这些场景下，你可以参考本文，将自定义音视频流，交给 RTC 进行编码和传输。
前提条件
你已经集成 v4.36 或更高版本的 RTC SDK，实现了基本的音视频通话。
获取自定义流
音视频设备采集流
const stream = await navigator.mediaDevices.getUserMedia({
video: true,
audio: true
});
//获取自定义的 video track 和 audio track
const videoTrack = stream.getVideoTracks()[0];
const audioTrack = stream.getAudioTracks()[0];
Canvas 中的动画
const canvas = document.getElementById('<your-canvas-element-ID>');
const stream = canvas.captureStream();
const videoTrack = stream.getVideoTracks()[0];
正在播放的媒体元素
const video = document.getElementById('<your-video-element-ID>');
const stream = video.captureStream();
const audioTrack = stream.getAudioTracks()[0];
const videoTrack = stream.getVideoTracks()[0];
切换视频输入为外部源
- RTC 默认使用内部采集源，调用 setVideoSourceType 将视频源切换为外部采集 VIDEO_SOURCE_TYPE_EXTERNAL。
engine.setVideoSourceType(
VERTC.StreamIndex.STREAM_INDEX_MAIN,
VERTC.VideoSourceType.VIDEO_SOURCE_TYPE_EXTERNAL
);
- 调用 setExternalVideoTrack，将外部视频轨道传入 SDK。
// 设置摄像头流自定义的 video track
engine.setExternalVideoTrack(
VERTC.StreamIndex.STREAM_INDEX_MAIN,
videoTrack
);
切换音频输入为外部源
- RTC 默认使用内部采集源，调用 setAudioSourceType 将音频源切换为外部采集 AUDIO_SOURCE_TYPE_EXTERNAL。
engine.setAudioSourceType(
VERTC.StreamIndex.STREAM_INDEX_MAIN,
VERTC.AudioSourceType.AUDIO_SOURCE_TYPE_EXTERNAL
);
- 调用 setExternalAudioTrack，将外部音频轨道传入 SDK。
// 设置麦克风流为自定义的 audio track
engine.setExternalAudioTrack(
VERTC.StreamIndex.STREAM_INDEX_MAIN,
audioTrack
);
最近更新时间：2026.08.05 19:24:51
这个页面对您有帮助吗？
有用
有用
无用
无用