تعديلات الوسائط في الإصدار 73 من Chrome

François Beaufort

في هذه المقالة، سأناقش ميزات الوسائط الجديدة في الإصدار 73 من Chrome، والتي تشمل:

• أصبحت مفاتيح الوسائط على الأجهزة متاحة الآن للتحكّم في تشغيل الوسائط. على الكمبيوتر المكتبي
• يمكن لمطوّري البرامج على الويب البحث عن ما إذا كان يمكن فرض سياسة معيّنة HDCP.
• نافذة ضمن النافذة التلقائية في تطبيقات الويب التقدّمية (PWA) للكمبيوتر المكتبي و"تخطّي الإعلان" في ميزة "نافذة ضمن النافذة" في مراحل التجربة والتقييم.
• يتمّ منح تطبيقات الويب التقدّمية (PWA) لأجهزة الكمبيوتر المكتبي التشغيل التلقائي مع الصوت.

دعم مفاتيح وسائط الأجهزة

تتضمن العديد من لوحات المفاتيح في الوقت الحاضر مفاتيح للتحكم في الوظائف الأساسية لتشغيل الوسائط مثل كتشغيل أو إيقاف مؤقت، والمقطع الصوتي السابق والتالي. سماعات الرأس لها ذلك أيضًا. حتى الآن، لم يتمكّن مستخدمو أجهزة الكمبيوتر المكتبي من استخدام مفاتيح الوسائط هذه للتحكّم في تشغيل الصوت والفيديو. في متصفح Chrome. هذا الوضع يتغيّر اليوم.

مفاتيح وسائط لوحة المفاتيح

إذا ضغط المستخدم على مفتاح الإيقاف المؤقت، فسيتم تشغيل عنصر الوسائط النشط في Chrome إيقاف مؤقت وظهور رسالة "متوقفة مؤقتًا" حدث إعلامي. في حال الضغط على مفتاح التشغيل، سيتم استئناف عنصر الوسائط المتوقف مؤقتًا سابقًا وستظهر رسالة "تشغيل" الوسائط فعالية. وتعمل هذه الميزة سواء كان Chrome في المقدّمة أو في الخلفية.

في نظام التشغيل ChromeOS، ستطلب الآن تطبيقات Android التي تستخدم ميزة التركيز على الصوت من Chrome الإيقاف المؤقت واستئناف الصوت لإنشاء تجربة وسائط سلسة بين المواقع الإلكترونية على Chrome، تطبيقات Chrome وتطبيقات Android. لا تتوفّر هذه الميزة حاليًا إلا على نظام التشغيل ChromeOS. يعمل بإصدار Android P.

باختصار، يُفضل دائمًا الاستماع إلى هذه الأحداث الإعلامية واتخاذ إجراءات وفقًا لذلك.

video.addEventListener('pause', function() {
  // Video is now paused.
  // TODO: Let's update UI accordingly.
});

video.addEventListener('play', function() {
  // Video is now playing.
  // TODO: Let's update UI accordingly.
});

انتظر، فهناك المزيد. مع واجهة برمجة التطبيقات لجلسات الوسائط المتاحة الآن على أجهزة الكمبيوتر المكتبي (كان هذا الإصدار متاحًا على الأجهزة الجوّالة فقط من قبل)، وكان بإمكان مطوّري برامج الويب معالجة الوسائط. الأحداث ذات الصلة، مثل تغيير المسار الذي يتم تشغيله بواسطة مفاتيح الوسائط. تشير رسالة الأشكال البيانية الحدثان previoustrack وnexttrack متاحان حاليًا.

navigator.mediaSession.setActionHandler('previoustrack', function() {
  // User hit "Previous Track" key.
});

navigator.mediaSession.setActionHandler('nexttrack', function() {
  // User hit "Next Track" key.
});

يعالج Chrome مفاتيح التشغيل والإيقاف المؤقت تلقائيًا. ومع ذلك، إذا كانت القيمة الافتراضية إذا كان سلوكك لا يناسبك، فلا يزال بإمكانك تعيين بعض معالِجات الإجراءات "تشغيل" و"إيقاف مؤقت" لمنع حدوث ذلك.

navigator.mediaSession.setActionHandler('play', function() {
  // User hit "Play" key.
});

navigator.mediaSession.setActionHandler('pause', function() {
  // User hit "Pause" key.
});

يتوفّر دعم "مفاتيح وسائط الأجهزة" على أنظمة التشغيل ChromeOS وmacOS وWindows. نظام التشغيل Linux لاحقًا.

ملاحظة: يؤدي ضبط بعض البيانات الوصفية لجلسة الوسائط، مثل العنوان والفنان واسم الألبوم، العمل الفني باستخدام واجهة برمجة التطبيقات لجلسات الوسائط، ولكن لا يتم ربطه بالكمبيوتر المكتبي الإشعارات حتى الآن. وستتم إضافته إلى الأنظمة الأساسية المتوافقة لاحقًا.

راجع مستندات مطوّري البرامج الحالية وجرِّب أداة الوسائط الرسمية نماذج الجلسات:

أداة تتبُّع Chromestatus | خطأ Chromium

الوسائط المشفرة: التحقق من سياسة HDCP

بفضل واجهة برمجة تطبيقات التحقق من سياسة HDCP، يمكن لمطوّري البرامج على الويب الآن الاستعلام عن سياسة محددة، مثل يمكن فرض متطلبات HDCP، قبل طلب ذلك تراخيص Widevine وتحميل الوسائط

const status = await video.mediaKeys.getStatusForPolicy({ minHdcpVersion: '2.2' });

if (status == 'usable')
  console.log('HDCP 2.2 can be enforced.');

تتوفر واجهة برمجة التطبيقات على جميع الأنظمة الأساسية. ومع ذلك، قد تتضمن عمليات التحقق الفعلية من السياسات لن تكون متوفرة على منصات محددة. على سبيل المثال، وعد التحقّق من الالتزام بسياسات HDCP سيتم الرفض باستخدام NotSupportedError على Android وAndroid WebView.

يمكنك الاطّلاع على مستندات مطوّري البرامج السابقة ومحاولة الانتقال إلى عينة للاطّلاع على جميع إصدارات HDCP المتوافقة.

نية الشحن | أداة تتبُّع Chromestatus | خطأ Chromium

الإصدار التجريبي الأصلي لميزة "نافذة ضمن النافذة" لتطبيقات الويب التقدّمية (PWA) المثبَّتة

قد تحتاج بعض الصفحات إلى إدخال الوضع نافذة ضمن النافذة وتركها تلقائيًا عنصر فيديو على سبيل المثال، ستستفيد تطبيقات مؤتمرات الفيديو عبر الويب من بعض سلوك "نافذة ضمن النافذة" تلقائيًا عند تنقّل المستخدم من مكان لآخر تطبيق الويب والتطبيقات أو علامات التبويب الأخرى. للأسف، يتعذّر حدوث ذلك مع متطلبات إيماءة المستخدم. ها هي ميزة "نافذة ضمن النافذة" التلقائية.

لإتاحة التبديل بين علامات التبويب والتطبيقات، سمة autopictureinpicture جديدة تتم إضافته إلى العنصر <video>.

<video autopictureinpicture></video>

إليك طريقة عملها:

• عندما يصبح المستند مخفيًا، يكون عنصر الفيديو الذي يكون autopictureinpicture مضبوطة مؤخرًا على الدخول تلقائيًا في وضع "نافذة ضمن النافذة"، إذا مسموح به.
• عندما يصبح المستند مرئيًا، يكون عنصر الفيديو في "نافذة ضمن النافذة" تتركه تلقائيًا.

هذا كل ما في الأمر! يُرجى العلم أنّ ميزة "نافذة ضمن النافذة" لا تسري إلا على تطبيقات الويب التقدّمية التي ثبّتها المستخدمون على جهاز كمبيوتر سطح المكتب

راجع المواصفات لمزيد من التفاصيل وجرِّب استخدام تطبيق الويب التقدّمي الرسمي (PWA) كعيّنة.

ملاحظة: للحصول على ملاحظات من مطوّري البرامج على الويب، تتيح لك ميزة "نافذة ضمن النافذة" التلقائية. [نسخة تجريبية الأصل] في الإصدار 73 من Chrome لأجهزة الكمبيوتر المكتبي (ChromeOS، Linux وMac وWindows). ستحتاج إلى [طلب رمز مميّز] لكي يتم تفعيلها تلقائيًا في المصدر لفترة محدودة. سيؤدّي ذلك إلى عدم الحاجة إلى تفعيل "ميزات النظام الأساسي للويب". بلاغ.

الرغبة في إجراء التجربة | أداة تتبُّع Chromestatus | خطأ Chromium

التجربة الأصلية لتخطّي الإعلان في نافذة "نافذة ضمن النافذة"

يتألف نموذج إعلانات الفيديو عادةً من إعلانات ما قبل التشغيل. قانع يتيح التطبيق في كثير من الأحيان تخطي الإعلان بعد بضع ثوانٍ. للأسف، نظرًا لأن نافذة نافذة ضمن النافذة غير تفاعلية، فإن المستخدمين الذين يشاهدون مقطع فيديو لا يمكن استخدام ميزة "نافذة ضمن النافذة" اليوم.

مع واجهة برمجة تطبيقات جلسات الوسائط المتاحة الآن على أجهزة الكمبيوتر المكتبي (كانت متوافقة على للأجهزة الجوّالة فقط من قبل)، يجوز استخدام إجراء جلسة وسائط skipad جديد لتقديم هذه في وضع نافذة ضمن النافذة.

"تخطّي الإعلان" زر في نافذة "نافذة ضمن النافذة"

لتوفير هذه الميزة، عليك تمرير دالة مع skipad عند استدعاء setActionHandler() لإخفائها، اضغط على null. كما يمكنك القراءة أدناه، وسهل للغاية.

try {
  navigator.mediaSession.setActionHandler('skipad', null);
  showSkipAdButton();
} catch(error) {
    // The "Skip Ad" media session action is not supported.
}

function showSkipAdButton() {
  // The Picture-in-Picture window will show a "Skip Ad" button.
  navigator.mediaSession.setActionHandler('skipad', onSkipAdButtonClick);
}

function onSkipAdButtonClick() {
  // User clicked "Skip Ad" button, let's hide it now.
  navigator.mediaSession.setActionHandler('skipad', null);

  // TODO: Stop ad and play video.
}

تنبيه: سيستمر عمل معالِجات إجراءات جلسة الوسائط. أنصحك دائمًا بإعادة تعيينها عند بدء تشغيل الوسائط وانتهائها لتجنب عرض خيار "تخطّي الإعلان" غير المتوقع .

جرّب "تخطي الإعلان" الرسمي كعيّنة وأخبرنا كيف يمكن لهذه الميزة تحسين الأداء.

ملاحظة: للحصول على ملاحظات وآراء مطوّري برامج الويب، يمكنك استخدام ميزة "تخطّي الإعلان في نافذة ضمن النافذة". تتوفّر [ميزة تجريبية المصدر] في الإصدار 73 من Chrome لأجهزة الكمبيوتر المكتبي. (ChromeOS وLinux وMac وWindows). ستحتاج إلى [طلب رمز مميّز]، لذلك أنّه يتم تفعيل الميزة تلقائيًا في المصدر لفترة محدودة محددة. سيؤدّي ذلك إلى عدم الحاجة إلى تفعيل "ميزات النظام الأساسي للويب". بلاغ.

الرغبة في إجراء التجربة | أداة تتبُّع Chromestatus | خطأ Chromium

تم منح التشغيل التلقائي لتطبيقات الويب التقدّمية (PWA) على أجهزة الكمبيوتر المكتبي

والآن بعد أن أصبحت تطبيقات الويب التقدّمية متوفرة على جميع الأنظمة الأساسية لأجهزة الكمبيوتر المكتبي، لذلك نحن بصدد توسيع القاعدة التي كانت لدينا على الأجهزة الجوالة إلى أجهزة الكمبيوتر المكتبي: التشغيل التلقائي مع الصوت متاح الآن لتطبيقات الويب التقدّمية (PWA) المثبَّتة. لاحظ أنها لا تنطبق إلا على الصفحات في نطاق بيان تطبيق الويب.

خطأ Chromium