chrome.tabCapture

شرح

از chrome.tabCapture API برای تعامل با جریان‌های رسانه برگه استفاده کنید.

مجوزها

tabCapture

مفاهیم و کاربرد

chrome.tabCapture API به شما امکان می دهد به MediaStream حاوی ویدیو و صدای برگه فعلی دسترسی داشته باشید. فقط پس از فراخوانی یک برنامه افزودنی توسط کاربر، مانند کلیک کردن روی دکمه عملکرد برنامه افزودنی، می توان آن را فراخوانی کرد. این شبیه به رفتار مجوز "activeTab" است.

حفظ صدای سیستم

هنگامی که یک MediaStream برای یک برگه به ​​دست می آید، صدای موجود در آن برگه دیگر برای کاربر پخش نمی شود. این شبیه رفتار تابع getDisplayMedia() است وقتی که پرچم suppressLocalAudioPlayback روی true تنظیم شده باشد.

برای ادامه پخش صدا برای کاربر، از موارد زیر استفاده کنید:

const output = new AudioContext();
const source = output.createMediaStreamSource(stream);
source.connect(output.destination);

این یک AudioContext جدید ایجاد می کند و صدای MediaStream برگه را به مقصد پیش فرض متصل می کند.

شناسه‌های جریان

با فراخوانی chrome.tabCapture.getMediaStreamId() شناسه جریان برمی گردد. برای دسترسی بعدی به MediaStream از ID، از موارد زیر استفاده کنید:

navigator.mediaDevices.getUserMedia({
  audio: {
    mandatory: {
      chromeMediaSource: "tab",
      chromeMediaSourceId: id,
    },
  },
  video: {
    mandatory: {
      chromeMediaSource: "tab",
      chromeMediaSourceId: id,
    },
  },
});

محدودیت های استفاده

پس از فراخوانی getMediaStreamId() ، محدودیت هایی در مورد محل استفاده از شناسه جریان برگشتی وجود دارد:

  • اگر consumerTabId مشخص شده باشد، شناسه را می توان توسط یک فراخوانی getUserMedia() در هر فریمی در برگه داده شده که منشاء امنیتی یکسانی دارد استفاده کرد.
  • هنگامی که این مورد مشخص نشده باشد، با شروع Chrome 116، شناسه را می توان در هر قاب با منبع امنیتی یکسان در فرآیند رندر مشابه با تماس گیرنده استفاده کرد. این بدان معنی است که یک شناسه جریان به دست آمده در یک سرویس دهنده می تواند در یک سند خارج از صفحه استفاده شود.

قبل از Chrome 116، زمانی که یک consumerTabId مشخص نشده بود، شناسه جریان به مبدا امنیتی، فرآیند رندر و فریم رندر تماس‌گیرنده محدود می‌شد.

بیشتر بدانید

برای کسب اطلاعات بیشتر در مورد نحوه استفاده از chrome.tabCapture API، به ضبط صدا و ضبط صفحه مراجعه کنید. این نشان می دهد که چگونه می توان از tabCapture و API های مرتبط برای حل تعدادی از موارد استفاده رایج استفاده کرد.

انواع

CaptureInfo

خواص

  • تمام صفحه

    بولی

    اینکه آیا یک عنصر در برگه در حال ضبط در حالت تمام صفحه است.

  • وضعیت

    TabCaptureState

    وضعیت ضبط جدید برگه.

  • tabId

    عدد

    شناسه برگه ای که وضعیت آن تغییر کرده است.

CaptureOptions

خواص

  • سمعی

    بولی اختیاری

  • محدودیت های صوتی

    MediaStreamConstraint اختیاری است

  • ویدئو

    بولی اختیاری

  • محدودیت های ویدئویی

    MediaStreamConstraint اختیاری است

GetMediaStreamOptions

Chrome 71+

خواص

  • ConsumerTabId

    شماره اختیاری

    شناسه برگه اختیاری برگه که بعداً getUserMedia() فراخوانی می‌کند تا جریان را مصرف کند. اگر مشخص نشده باشد، جریان حاصل فقط توسط برنامه افزودنی فراخوان قابل استفاده است. این جریان را فقط می‌توان توسط فریم‌هایی در برگه داده شده استفاده کرد که منشاء امنیتی آن‌ها با مبدا برگه مصرف‌کننده مطابقت دارد. مبدا برگه باید یک منبع امن باشد، به عنوان مثال HTTPS.

  • targetTabId

    شماره اختیاری

    شناسه برگه اختیاری برگه ای که گرفته می شود. اگر مشخص نشده باشد، تب فعال فعلی انتخاب خواهد شد. فقط برگه هایی که مجوز activeTab برای آنها به برنامه افزودنی اعطا شده است می توانند به عنوان برگه هدف استفاده شوند.

MediaStreamConstraint

خواص

  • اجباری

    هدف - شی

  • اختیاری

    شی اختیاری

TabCaptureState

Enum

"انتظار"

"فعال"

"متوقف شد"

"خطا"

مواد و روش ها

capture()

فقط پیش زمینه
chrome.tabCapture.capture(
  options: CaptureOptions,
  callback: function,
)

ناحیه قابل مشاهده برگه فعال فعلی را می گیرد. ضبط را فقط می توان پس از فراخوانی برنامه افزودنی در برگه فعال فعلی شروع کرد، مشابه روشی که activeTab کار می کند. ضبط در سراسر پیمایش‌های صفحه در برگه حفظ می‌شود و وقتی برگه بسته می‌شود یا جریان رسانه توسط برنامه افزودنی بسته می‌شود، متوقف می‌شود.

مولفه های

  • گزینه ها

    CaptureOptions

    جریان رسانه برگشتی را پیکربندی می کند.

  • پاسخ به تماس

    تابع

    پارامتر callback به نظر می رسد: 

    (stream: LocalMediaStream)=>void

    • جریان

      LocalMediaStream

getCapturedTabs()

وعده
chrome.tabCapture.getCapturedTabs(
  callback?: function,
)

فهرستی از برگه‌هایی را که درخواست ضبط کرده‌اند یا در حال ضبط هستند، برمی‌گرداند، یعنی وضعیت != توقف و وضعیت != خطا. این به برنامه‌های افزودنی اجازه می‌دهد تا به کاربر اطلاع دهند که یک برگه موجود وجود دارد که از موفقیت‌آمیز گرفتن یک برگه جدید جلوگیری می‌کند (یا از درخواست‌های اضافی برای همان برگه جلوگیری می‌کند).

مولفه های

  • پاسخ به تماس

    عملکرد اختیاری

    پارامتر callback به نظر می رسد: 

    (result: CaptureInfo[])=>void

برمی گرداند

  • Promise< CaptureInfo []>

    Chrome 116+

    Promises در Manifest V3 و نسخه های جدیدتر پشتیبانی می شود، اما callbacks برای سازگاری به عقب ارائه شده است. شما نمی توانید از هر دو در یک فراخوانی تابع استفاده کنید. وعده با همان نوعی که به callback ارسال می شود حل می شود.

getMediaStreamId()

Promise Chrome 71+
chrome.tabCapture.getMediaStreamId(
  options?: GetMediaStreamOptions,
  callback?: function,
)

یک شناسه جریان برای گرفتن برگه هدف ایجاد می کند. مشابه روش chrome.tabCapture.capture() است، اما شناسه جریان رسانه را به جای جریان رسانه، به برگه مصرف کننده برمی گرداند.

مولفه های

  • گزینه ها

    GetMediaStreamOptions اختیاری است

  • پاسخ به تماس

    عملکرد اختیاری

    پارامتر callback به نظر می رسد: 

    (streamId: string)=>void

    • streamId

      رشته

برمی گرداند

  • قول<رشته>

    Chrome 116+

    Promises در Manifest V3 و نسخه های جدیدتر پشتیبانی می شود، اما callbacks برای سازگاری به عقب ارائه شده است. شما نمی توانید از هر دو در یک فراخوانی تابع استفاده کنید. وعده با همان نوعی که به callback ارسال می شود حل می شود.

مناسبت ها

onStatusChanged

chrome.tabCapture.onStatusChanged.addListener(
  callback: function,
)

زمانی که وضعیت ضبط یک برگه تغییر می کند، رویداد فعال می شود. این به نویسندگان برنامه افزودنی اجازه می دهد تا وضعیت ضبط برگه ها را پیگیری کنند تا عناصر رابط کاربری مانند اقدامات صفحه را همگام کنند.

مولفه های

  • پاسخ به تماس

    تابع

    پارامتر callback به نظر می رسد: 

    (info: CaptureInfo)=>void