MediaStreamTrack: sự kiện unmute
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2018.
Sự kiện unmute được gửi đến một MediaStreamTrack khi nguồn của track một lần nữa có thể cung cấp dữ liệu phương tiện sau một khoảng thời gian không thể làm như vậy.
Điều này kết thúc trạng thái muted bắt đầu với sự kiện mute.
Note:
Điều kiện mà hầu hết mọi người nghĩ là "tắt tiếng" (tức là cách tắt tiếng track có thể điều khiển bởi người dùng) thực tế được quản lý bằng thuộc tính MediaStreamTrack.enabled, không có sự kiện nào cho thuộc tính này.
Sự kiện này không thể hủy và không nổi bọt.
Cú pháp
Sử dụng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt một thuộc tính trình xử lý sự kiện.
addEventListener("unmute", (event) => { })
onunmute = (event) => { }
Loại sự kiện
Một Event chung.
Ví dụ
Trong ví dụ này, các trình xử lý sự kiện được thiết lập cho các sự kiện mute và unmute để phát hiện khi phương tiện không chảy từ nguồn cho MediaStreamTrack được lưu trong biến musicTrack.
musicTrack.addEventListener("mute", (event) => {
const widget = document.getElementById("timeline-widget");
widget.style.backgroundColor = "#aaaaaa";
});
musicTrack.addEventListener("unmute", (event) => {
document.getElementById("timeline-widget").style.backgroundColor = "white";
});
Với các trình xử lý sự kiện này được thiết lập, khi track musicTrack vào trạng thái muted của nó, phần tử có ID timeline-widget sẽ được thay đổi màu nền thành #aaaaaa. Khi track thoát khỏi trạng thái tắt tiếng—được phát hiện bằng sự kiện unmuted đến—màu nền được khôi phục thành màu trắng.
Bạn cũng có thể sử dụng thuộc tính trình xử lý sự kiện onunmute để thiết lập một trình xử lý cho sự kiện này; tương tự, trình xử lý sự kiện onmute khả dụng để thiết lập một trình xử lý cho sự kiện mute. Ví dụ sau đây minh họa điều này:
musicTrack.onmute = (event) => {
document.getElementById("timeline-widget").style.backgroundColor = "#aaaaaa";
};
musicTrack.onunmute = (event) => {
document.getElementById("timeline-widget").style.backgroundColor = "white";
};
Bật tiếng các track thông qua receivers
Ví dụ sau đây cho thấy cách bật tiếng các track bằng receivers.
// Peer 1 (Sender)
const transceivers = peer.getTransceivers();
const audioTrack = transceivers[0];
audioTrack.direction = "sendrecv";
const videoTrack = transceivers[1];
videoTrack.direction = "sendrecv";
// Peer 2 (Receiver)
audioTrack.addEventListener("unmute", (event) => {
// Làm gì đó trong UI
});
videoTrack.addEventListener("unmute", (event) => {
// Làm gì đó trong UI
});
transceivers là một mảng các RTCRtpTransceiver nơi bạn có thể tìm thấy track âm thanh hoặc video được gửi và nhận. Để biết thêm thông tin, xem bài viết direction.
Đặc tả kỹ thuật
| Specification |
|---|
| Media Capture and Streams # event-mediastreamtrack-unmute |
Hỗ trợ trình duyệt
Xem thêm
- Sự kiện
mute