Thuộc tính transform của RTCRtpSender

Giá trị

Một RTCRtpScriptTransform, hoặc null nếu sender không có transform stream liên kết.

Ví dụ

Ví dụ này cho thấy cách bạn có thể truyền video từ camera web của người dùng qua WebRTC, thêm một transform mã hóa WebRTC để sửa đổi các luồng outgoing. Lưu ý rằng đây là một phần của ví dụ lớn hơn trong chủ đề hướng dẫn Sử dụng WebRTC Encoded Transforms.

Mã giả định rằng có một RTCPeerConnection tên là peerConnection đã được kết nối với một peer từ xa. Đầu tiên, mã lấy một MediaStreamTrack, sử dụng getUserMedia() để lấy một MediaStream video từ một thiết bị media, và sau đó phương thức MediaStream.getTracks() để lấy MediaStreamTrack đầu tiên trong luồng.

Track được thêm vào kết nối peer bằng cách sử dụng addTrack(). Phương thức này trả về một RTCRtpSender mới sẽ được sử dụng để gửi nó.

const mediaStream = await navigator.mediaDevices.getUserMedia({ video: true });
const [track] = mediaStream.getTracks();
const videoSender = peerConnection.addTrack(track, mediaStream);

Mã ở trên thiết lập kết nối và bắt đầu gửi track. Để thêm một transform stream vào pipeline, chúng ta cần xây dựng một RTCRtpScriptTransform và gán nó cho thuộc tính transform của sender. Vì transform được xây dựng ngay sau khi tạo RTCRtpSender, nó sẽ nhận được khung đã mã hóa đầu tiên được gửi.

const worker = new Worker("worker.js");
videoSender.transform = new RTCRtpScriptTransform(worker, {
  name: "senderTransform",
});

Lưu ý rằng bạn có thể thêm transform bất kỳ lúc nào. Tuy nhiên, bằng cách thêm nó ngay sau khi gọi addTrack(), transform sẽ nhận được khung đã mã hóa đầu tiên được gửi.

Đặc tả kỹ thuật

Tương thích trình duyệt

Xem thêm

• Sử dụng WebRTC Encoded Transforms
• RTCRtpReceiver.transform