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

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

التوافق مع المتصفح

  • 84
  • 84
  • 126
  • 16.4

المصدر

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

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

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

// 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 خطوة إيجابية إلى الأمام بالنسبة إلى مجتمع تطوير الويب. بفضل تطبيقاته المتنوعة ودعمه الواسع النطاق، يمكنك إنشاء تجارب ويب أكثر موثوقية وتنقيحًا، ما يعود بالفائدة على المستخدمين عبر المتصفحات المختلفة. نتمنى لك تجربة ويب أكثر سلاسةً وبلا انقطاع.