Chrome 109'daki ekran paylaşımı iyileştirmeleri

François Beaufort

GitHub

Elad Alon

GitHub

Web uygulamaları sekmeleri, pencereleri veya ekranları MediaStream olarak yakalamak için getDisplayMedia() aracını kullanabiliyor. Chrome 109'da aşağıdaki iyileştirmelerden yararlanabilirsiniz:

• Koşullu Odak özelliği, ekran paylaşımı başladığında yakalama web uygulamasının, tarayıcının yakalanan sekmeye veya pencereye odaklanıp odaklanmayacağını ya da yakalama sekmesinin etkin kalıp kalmayacağını denetlemesine olanak tanır.
• suppressLocalAudioPlayback seçeneği, bir sekmede çalan sesin kullanıcının yerel hoparlörlerinden çalınıp çalınmayacağını kontrol eder.

Koşullu Odak

Web uygulamaları artık Koşullu Odak özelliğini kullanarak yakalama başladığında yakalanan sekmeye veya pencerenin odaklanıp odaklanmayacağını ya da yakalama sayfasının odakta kalıp kalmayacağını kontrol edebilir.

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");
}

Daha fazla bilgi için Koşullu Odak ile daha iyi ekran paylaşımı başlıklı makaleyi inceleyin.

Yerel ses çalmayı gizle

İş arkadaşları genellikle bir odada bir araya gelerek dizüstü bilgisayarlarından, özel bir monitörü ve hoparlörleri olan odadaki bir konferans çözümüne sunum yaparlar. Sunumu yapan kişi genellikle kendi dizüstü bilgisayarının sesini kapatır ve genellikle daha yüksek sesli harici hoparlörleri kullanır. Bu, aynı zamanda sesin de videoyla senkronize olmasını sağlar. suppressLocalAudioPlayback ses kısıtlaması burada zaman kazandırır. true olarak ayarlandığında, kayıt başladığında tarayıcının ses kaydını yerel hoparlörlere aktarmayı durdurması gerektiğini belirtir. Bu kısıtlama için varsayılan değer: 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

Bu yazıldığı tarihte, suppressLocalAudioPlayback henüz applyConstraints() ile kullanılamamaktadır. Hata 1381959'a bakın.

Teşekkür

Brett Jordan'ın lokomotif resmi.

Bu makaleyi incelediğiniz için Rachel Andrew'a teşekkür ederiz.