รองรับ API การล็อกหน้าจอในทุกเบราว์เซอร์แล้ว

Thomas Steiner

Screen Wake Lock API พร้อมให้ใช้งานอย่างเป็นทางการในเบราว์เซอร์หลักๆ ทั้งหมด ซึ่งก็คือ Chrome, Safari และ Firefox API นี้ช่วยให้คุณควบคุมลักษณะการปลุกหน้าจอของอุปกรณ์ เพื่อให้โต้ตอบกับเว็บแอปพลิเคชันได้อย่างราบรื่น

กรณีการใช้งาน 2 กรณีต่อไปนี้สามารถทำได้

• การนำเสนอที่ราบรื่น: API ป้องกันไม่ให้หน้าจอสลัวในเว็บ งานนำเสนอหรือภาพสไลด์ ของผู้นำเสนอสามารถนำเสนอประสบการณ์ ประสบการณ์ทางวิชาชีพ
• เว็บไซต์สูตรอาหาร: API จะเปิดหน้าจอไว้ได้ ผู้ใช้จึงไม่ต้องกังวล ตอนที่หน้าจอปิดลงขณะที่มือเต็มไปด้วยแป้ง ต่อสูตรเบเกอรี่

ดูรายละเอียดทั้งหมดเกี่ยวกับการใช้ API ได้ที่ ทำงานตลอดเวลาด้วย 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);

การนำ API Wake Lock API ทั่วโลกมาใช้เป็นความก้าวหน้าในเชิงบวกสำหรับ ชุมชนการพัฒนาเว็บ ด้วยแอปพลิเคชันที่หลากหลาย และการสนับสนุนอย่างแพร่หลาย คุณสามารถสร้างประสบการณ์การใช้งานเว็บ ที่มีความน่าเชื่อถือและสวยงามยิ่งขึ้น ซึ่งจะเป็นประโยชน์ ผู้ใช้ในเบราว์เซอร์ต่างๆ ขอให้สนุกกับเว็บที่ราบรื่นและราบรื่นยิ่งขึ้น!