Peningkatan fitur berbagi layar di Chrome 109

François Beaufort

GitHub

Elad Alon

GitHub

Aplikasi web sudah dapat menggunakan getDisplayMedia() untuk merekam tab, jendela, atau layar sebagai MediaStream. Mulai Chrome 109, Anda dapat memanfaatkan peningkatan berikut:

• Saat berbagi layar dimulai, Fokus Kondisional memungkinkan aplikasi web perekaman untuk mengontrol apakah browser memfokuskan tab atau jendela yang direkam, atau apakah tab perekaman tetap aktif.
• Opsi suppressLocalAudioPlayback mengontrol apakah audio yang diputar di tab akan diputar di luar speaker lokal pengguna.

Fokus Kondisional

Dengan menggunakan Fokus Kondisional, aplikasi web kini dapat mengontrol apakah tab atau jendela yang ditangkap akan difokuskan saat pengambilan gambar dimulai, atau apakah halaman perekaman harus tetap menjadi fokus.

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

Lihat Berbagi layar yang lebih baik dengan Fokus Kondisional untuk mengetahui informasi selengkapnya.

Menekan pemutaran audio lokal

Sudah umum bagi rekan kerja untuk berkumpul di ruangan sehingga salah satu dari mereka mempresentasikan dari laptop mereka hingga solusi konferensi dalam ruangan dengan monitor dan speaker khusus. Penyaji biasanya akan membisukan laptopnya sendiri, dan menggunakan speaker eksternal yang seringkali lebih keras; ini juga memastikan audio sinkron dengan video. Batasan audio suppressLocalAudioPlayback menghemat waktu di sini. Jika ditetapkan ke true, ini menunjukkan bahwa browser akan berhenti menyampaikan audio ke speaker lokal saat perekaman dimulai. Nilai default untuk batasan ini adalah 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

Pada saat penulisan, suppressLocalAudioPlayback belum dapat digunakan dengan applyConstraints(). Lihat Bug 1381959.

Ucapan terima kasih

Banner besar oleh Brett Jordan.

Terima kasih kepada Rachel Andrew telah meninjau artikel ini.