WebRTC技术详解:从0到1构建多人视频会议系统
上QQ阅读APP看书,第一时间看更新

2.6 从媒体元素获取媒体流

调用HTMLMediaElement.captureStream()方法可以获取任意媒体元素的媒体流。

视频元素HTMLVideoElement和音频元素HTMLAudioElement都继承自HTMLMedia- Element,所以都支持captureStream()方法。

const mediaStream = mediaElement.captureStream()
  • 参数:无。
  • 返回值:返回获取到的媒体流,包含的媒体轨道与媒体源相同。

代码清单2-43从视频元素获取视频流,将视频流发送给对等端。

代码清单2-43 HTMLMediaElement.captureStream()方法示例

const playbackElement = document.getElementById("playback");
const captureStream = playbackElement.captureStream();
playbackElement.play();
pc.addStream(captureStream);