API Khoá chế độ thức màn hình hiện đã được hỗ trợ trong tất cả trình duyệt

API chế độ thức màn hình đã chính thức ra mắt trong tất cả các trình duyệt chính—Chrome, Safari và Firefox. API này cho phép bạn kiểm soát hành vi đánh thức màn hình của thiết bị, đảm bảo tương tác không gián đoạn với các ứng dụng web.

Hỗ trợ trình duyệt

  • Chrome: 84.
  • Cạnh: 84.
  • Firefox: 126.
  • Safari: 16.4.

Nguồn

Hiện có thể sử dụng hai trường hợp sau.

  • Trình bày liền mạch: API ngăn việc giảm độ sáng màn hình khi sử dụng nền tảng web trình bày hoặc trình chiếu để người trình bày hiện có thể truyền đạt kinh nghiệm chuyên môn.
  • Trang web về công thức nấu ăn: API có thể luôn bật màn hình nên người dùng không cần lo lắng về việc màn hình tắt trong lúc tay họ đầy bột khi theo công thức nướng bánh.

Để biết toàn bộ thông tin chi tiết về cách sử dụng API, hãy xem Không khoá màn hình bằng API Khoá chế độ thức màn hình. Đoạn mã sau đây cho thấy các lượt tương tác phổ biến nhất.

// 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);

Việc sử dụng chung API khoá chế độ thức màn hình là một bước tiến tích cực đối với cộng đồng phát triển web. Với các ứng dụng đa dạng và được hỗ trợ rộng rãi, bạn có thể tạo ra trải nghiệm web đáng tin cậy và chỉn chu hơn, cuối cùng sẽ mang lại người dùng trên các trình duyệt khác nhau. Chúc bạn sử dụng web suôn sẻ và không bị gián đoạn!