Thomas Steiner
תאריך פרסום: 14 במאי 2024
ממשק ה-API של Screen Wake Lock זמין עכשיו באופן רשמי בכל הדפדפנים העיקריים – Chrome, Safari ו-Firefox. ה-API הזה מאפשר לכם לשלוט בהתנהגות ההפעלה של המסך במכשיר, וכך להבטיח אינטראקציות ללא הפרעה עם אפליקציות אינטרנט.
עכשיו אפשר להשתמש בשני תרחישים לדוגמה הבאים.
- מצגות חלקות: ממשק ה-API מונע את האפלת המסכים באפליקציות של מצגות או שקופיות מבוססות-אינטרנט, כך שמגישי המצגות יכולים עכשיו לספק חוויה מקצועית ומלוטשת.
- אתרי מתכונים: ה-API יכול לשמור על המסך דלוק, כך שהמשתמשים לא צריכים לדאוג שהמסך יכבה בזמן שהידיים שלהם מלאות בצק כשהם מבצעים מתכון לאפייה.
פרטים מלאים על השימוש ב-API זמינים במאמר שמירה על מצב פעיל באמצעות 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 הוא צעד חיובי קדימה לקהילת מפתחי האינטרנט. בעזרת האפליקציות השונות והתמיכה הנרחבת, תוכלו ליצור חוויות אינטרנט מהימנות ומשופרות יותר, ובסופו של דבר להועיל למשתמשים בדפדפנים שונים. נהנים מחוויית שימוש חלקה יותר באינטרנט ללא הפרעות!