ה-Screen Wake Lock API נתמך עכשיו בכל הדפדפנים

Thomas Steiner

ממשק ה-API של Screen Wake Lock נחת באופן רשמי בכל הדפדפנים העיקריים — Chrome, Safari ו-Firefox. ה-API הזה מאפשר לשלוט בהתנהגות המסך של המכשיר, באופן שמבטיח אינטראקציות עם אפליקציות אינטרנט ללא הפרעות.

שני התרחישים הבאים לדוגמה אפשריים עכשיו.

• מצגות חלקה: ה-API מונע עמעום של מסכים כשאתם מתבססים על אינטרנט של מצגות או מצגות, כך שהמציגים יכולים כעת להעביר ניסיון מקצועי.
• אתרי מתכונים: ה-API יכול להשאיר את המסך דלוק, כך שהמשתמשים לא צריכים לדאוג על המסך יכבה כשהידיים שלהם מלאות בבצק לפי מתכון של אפייה.

לקבלת פרטים מלאים על השימוש ב-API, אפשר לעיין במאמר להישאר ערים עם ממשק ה-API של 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 הוא צעד חיובי קדימה מהקהילה של פיתוח אתרים. הודות למגוון האפליקציות והתמיכה הנרחבת, אפשר ליצור חוויות אינטרנט מלוטשות ואמינות יותר, ובסופו של דבר להפיק תועלת משתמשים בדפדפנים שונים. לחיים אינטרנט חלק יותר וללא הפרעות!