Cải tiến tính năng chia sẻ màn hình trong Chrome 109

François Beaufort

GitHub

Elad Alon

GitHub

Các ứng dụng web có thể sử dụng getDisplayMedia() để chụp các thẻ, cửa sổ hoặc màn hình dưới dạng MediaStream. Trên Chrome 109, bạn có thể tận dụng các điểm cải tiến sau đây:

• Khi tính năng chia sẻ màn hình bắt đầu hoạt động, tính năng Lấy nét có điều kiện cho phép ứng dụng web chụp ảnh kiểm soát việc trình duyệt có lấy tiêu điểm thẻ hoặc cửa sổ đã chụp hay không hoặc thẻ chụp có tiếp tục hoạt động hay không.
• Tuỳ chọn suppressLocalAudioPlayback kiểm soát việc có phát âm thanh trong một thẻ qua loa cục bộ của người dùng hay không.

Tiêu điểm có điều kiện

Nhờ tính năng Lấy nét có điều kiện, các ứng dụng web giờ đây có thể kiểm soát việc thẻ hoặc cửa sổ đã chụp có được lấy tiêu điểm khi bắt đầu chụp hay không, hoặc liệu trang chụp có nên giữ nguyên tiêu điểm hay không.

const controller = new CaptureController();
// Prompt the user to share a tab, a window or a screen.
const stream =
    await navigator.mediaDevices.getDisplayMedia({ controller });

const [track] = stream.getVideoTracks();
const displaySurface = track.getSettings().displaySurface;
if (displaySurface === "browser") {
  // Focus the captured tab.
  controller.setFocusBehavior("focus-captured-surface");
} else if (displaySurface === "window") {
  // Do not move focus to the captured window.
  // Keep the capturing page focused.
  controller.setFocusBehavior("no-focus-change");
}

Hãy tham khảo bài viết Chia sẻ màn hình hiệu quả hơn nhờ tính năng Lấy nét có điều kiện để biết thêm thông tin.

Chặn phát âm thanh trên thiết bị

Thông thường, các đồng nghiệp sẽ tập trung trong phòng để một trong số họ trình bày từ máy tính xách tay đến giải pháp hội nghị truyền hình trong phòng có loa và màn hình chuyên dụng. Người trình bày thường tắt tiếng máy tính xách tay của mình và sử dụng loa ngoài thường có âm lượng lớn hơn; điều này cũng đảm bảo âm thanh đồng bộ với video. Giới hạn âm thanh suppressLocalAudioPlayback giúp tiết kiệm thời gian tại đây. Khi bạn đặt thành true, thông báo này cho biết trình duyệt cần ngừng chuyển tiếp âm thanh đến loa cục bộ khi quá trình ghi bắt đầu. Giá trị mặc định cho quy tắc ràng buộc này là false.

// Prompt the user to share a tab, a window or a screen with audio.
// If successful, stop the captured audio from being played out over
// the local device’s speakers.
const stream = await navigator.mediaDevices.getDisplayMedia({
  audio: { suppressLocalAudioPlayback: true },
});
const [audioTrack] = stream.getAudioTracks();
const settings = audioTrack.getSettings();
console.log(settings.suppressLocalAudioPlayback); // true

Tại thời điểm viết bài này, suppressLocalAudioPlayback chưa hoạt động với applyConstraints(). Xem phần Lỗi 1381959.

Xác nhận

Hình ảnh chính của Brett Jordan.

Cảm ơn Rachel Andrew đã đánh giá bài viết này.