Screen Wake Lock API đã chính thức có mặt trên 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 hoạt động tương tác không bị gián đoạn với các ứng dụng web.
Bạn hiện có thể sử dụng hai trường hợp sau.
- Bản trình bày liền mạch: API ngăn tình trạng giảm độ sáng màn hình trong các ứng dụng trình chiếu hoặc trình chiếu dựa trên nền tảng web, vì vậy, người trình bày hiện có thể mang đến trải nghiệm chỉn chu và chuyên nghiệp.
- Các trang web về công thức nấu ăn: API có thể tiếp tục bật màn hình, vì vậy, người dùng không cần lo lắng về việc màn hình tắt trong khi tay họ đang đầy bột khi làm theo một công thức làm bánh.
Để biết toàn bộ thông tin chi tiết về cách sử dụng API này, hãy xem bài viết Không khoá màn hình bằng API chế độ thức trên 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 áp dụng API Screen Wake Lock trên toàn cầu 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à khả năng hỗ trợ trên diện rộng, bạn có thể tạo ra trải nghiệm web đáng tin cậy và chỉn chu hơn, mang lại lợi ích cho người dùng trên nhiều trình duyệt. Chúc bạn trải nghiệm web mượt mà hơn, không bị gián đoạn!