أصبحت Screen Wake Lock API متاحة الآن في جميع المتصفّحات.

تاريخ النشر: 14 أيار (مايو) 2024

أصبحت واجهة برمجة التطبيقات Screen Wake Lock API متاحة رسميًا في جميع المتصفحات الرئيسية، مثل Chrome و Safari وFirefox. تتيح لك واجهة برمجة التطبيقات هذه التحكّم في سلوك تنشيط شاشة الجهاز، ما يضمن التفاعلات غير المتقطعة مع تطبيقات الويب.

يمكن الآن تنفيذ حالتَي الاستخدام التاليتَين.

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

للاطّلاع على التفاصيل الكاملة حول استخدام واجهة برمجة التطبيقات، يمكنك الاطّلاع على مقالة الحفاظ على تنشيط الشاشة باستخدام Screen Wake Lock API. يعرض مقتطف الرمز البرمجي التالي التفاعلات الأكثر شيوعًا.

// The wake lock sentinel.
let wakeLock = null;

// Function that attempts to request a screen wake lock.
const requestWakeLock = async () => {
  try {
    wakeLock = await navigator.wakeLock.request();
    wakeLock.addEventListener('release', () => {
      console.log('Screen Wake Lock released:', wakeLock.released);
    });
    console.log('Screen Wake Lock released:', wakeLock.released);
  } catch (err) {
    console.error(`${err.name}, ${err.message}`);
  }
};

// Request a screen wake lock…
await requestWakeLock();
// …and release it again after 5s.
window.setTimeout(() => {
  wakeLock.release();
  wakeLock = null;
}, 5000);

إنّ اعتماد واجهة برمجة التطبيقات Screen Wake Lock API على نطاق واسع هو خطوة إيجابية للأمام بالنسبة إلى منتدى تطوير الويب. وبفضل تطبيقاته المتنوعة ومدى توفّره على نطاق واسع، يمكنك إنشاء تجارب ويب أكثر موثوقية ومهارة، ما يعود بالفائدة على المستخدمين على مستوى المتصفحات المختلفة. نتمنّى لك تجربة استخدام سلسة وبدون انقطاع على الويب.