HTMLMediaElement: phương thức captureStream()

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Phương thức captureStream() của giao diện HTMLMediaElement trả về một đối tượng MediaStream truyền phát nội dung được hiển thị theo thời gian thực trong phần tử phương tiện.

Ví dụ, điều này có thể được sử dụng làm nguồn cho WebRTC RTCPeerConnection.

Cú pháp

captureStream()

Giá trị trả về

Đối tượng MediaStream có thể được sử dụng làm nguồn cho dữ liệu âm thanh và/hoặc video bằng mã xử lý phương tiện khác hoặc làm nguồn cho WebRTC.

Trong ví dụ này, một trình xử lý sự kiện được thiết lập để việc nhấp vào nút sẽ bắt đầu ghi lại nội dung của phần tử phương tiện có ID "playback" thành MediaStream. Sau đó, luồng này có thể được sử dụng cho các mục đích khác, chẳng hạn như luồng WebRTC để chia sẻ video đã ghi trước với người khác trong cuộc gọi điện video.

document.querySelector(".playAndRecord").addEventListener("click", () => {
  const playbackElement = document.getElementById("playback");
  const captureStream = playbackElement.captureStream();
  playbackElement.play();
});

Xem Recording a media element để biết ví dụ và giải thích dài hơn và phức tạp hơn.