ওয়েব অ্যাপ্লিকেশানগুলি ইতিমধ্যেই একটি MediaStream হিসাবে ট্যাব, উইন্ডো বা স্ক্রীনগুলি ক্যাপচার করতে getDisplayMedia() ব্যবহার করতে পারে৷ Chrome 109 থেকে, আপনি নিম্নলিখিত উন্নতিগুলির সুবিধা নিতে পারেন:
- যখন স্ক্রিন শেয়ারিং শুরু হয়, তখন কন্ডিশনাল ফোকাস ক্যাপচারিং ওয়েব অ্যাপটিকে নিয়ন্ত্রণ করতে দেয় যে ব্রাউজার ক্যাপচার করা ট্যাব বা উইন্ডোতে ফোকাস করে কিনা বা ক্যাপচারিং ট্যাবটি সক্রিয় থাকে কিনা।
-
suppressLocalAudioPlaybackবিকল্পটি নিয়ন্ত্রণ করে যে ট্যাবে বাজানো অডিও ব্যবহারকারীর স্থানীয় স্পিকার থেকে চালানো হবে কিনা।
শর্তাধীন ফোকাস
শর্তসাপেক্ষ ফোকাস ব্যবহার করে, ওয়েব অ্যাপগুলি এখন নিয়ন্ত্রণ করতে পারে যে ক্যাপচার করা শুরু হলে ক্যাপচার করা ট্যাব বা উইন্ডো ফোকাস করা হবে, বা ক্যাপচারিং পৃষ্ঠাটি ফোকাসে থাকবে কিনা।
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");
}
আরও তথ্যের জন্য শর্তসাপেক্ষ ফোকাসের সাথে আরও ভাল স্ক্রিন শেয়ারিং দেখুন।
স্থানীয় অডিও প্লেব্যাক দমন করুন
সহকর্মীদের জন্য একটি রুমে জড়ো হওয়া সাধারণ ব্যাপার যাতে তাদের মধ্যে একজন তাদের ল্যাপটপ থেকে একটি ডেডিকেটেড মনিটর এবং স্পিকার সহ একটি ইন-রুম কনফারেন্সিং সমাধানে উপস্থাপন করে। উপস্থাপক সাধারণত তাদের নিজস্ব ল্যাপটপ নিঃশব্দ করবে, এবং বহিরাগত স্পিকার ব্যবহার করবে যা প্রায়শই জোরে হয়; এটি ভিডিওর সাথে অডিও সিঙ্ক করা নিশ্চিত করে। suppressLocalAudioPlayback অডিও সীমাবদ্ধতা এখানে সময় বাঁচায়। true সেট করা হলে, এটি নির্দেশ করে যে ব্রাউজারটি ক্যাপচার শুরু হলে স্থানীয় স্পিকারগুলিতে অডিও রিলে করা বন্ধ করবে৷ এই সীমাবদ্ধতার জন্য ডিফল্ট মান 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
লেখার সময় হিসাবে, suppressLocalAudioPlayback এখনও applyConstraints() এর সাথে কাজ করে না। বাগ 1381959 দেখুন।
স্বীকৃতি
ব্রেট জর্ডানের হিরো ছবি।
এই নিবন্ধটি পর্যালোচনা করার জন্য রাচেল অ্যান্ড্রুকে ধন্যবাদ।