Screen Wake Lock API ใช้งานได้อย่างเป็นทางการในเบราว์เซอร์หลักๆ ทั้งหมดแล้ว ซึ่งได้แก่ Chrome, Safari และ Firefox API นี้ช่วยให้คุณควบคุมพฤติกรรมการปลุกหน้าจอของอุปกรณ์ได้ ซึ่งทำให้โต้ตอบกับเว็บแอปพลิเคชันได้แบบไม่ขาดตอน
กรณีการใช้งาน 2 กรณีต่อไปนี้สามารถทำได้แล้ว
- การนำเสนอที่ราบรื่น: 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 ไปใช้งานอย่างแพร่หลายเป็นก้าวหน้าในเชิงบวกสำหรับชุมชนการพัฒนาเว็บ ด้วยแอปพลิเคชันที่หลากหลายและการสนับสนุนอย่างแพร่หลาย คุณสามารถสร้างประสบการณ์การใช้งานเว็บที่มีประสิทธิภาพและเชื่อถือได้ยิ่งขึ้น ซึ่งจะเป็นประโยชน์ต่อผู้ใช้ในเบราว์เซอร์ต่างๆ ในที่สุด มาใช้เว็บที่ราบรื่นและใช้งานได้ราบรื่นขึ้น!