Ngày xuất bản: 14 tháng 5 năm 2024
Screen Wake Lock API đã chính thức ra mắt trên tất cả các trình duyệt lớn – 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 bị gián đoạn với các ứng dụng web.
Hiện có thể sử dụng hai trường hợp sau.
- Trình bày liền mạch: API ngăn màn hình giảm độ sáng trong các ứng dụng trình bày hoặc trình chiếu dựa trên web, nhờ đó, người trình bày hiện có thể mang đến trải nghiệm chuyên nghiệp và tinh tế.
- Trang web công thức nấu ăn: API có thể giữ cho màn hình luôn bật, 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ọ đầy bột khi làm theo công thức nấu ăn.
Để 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 Giữ trạng thái thức bằng API Khoá chế độ thức trên màn hình. Đoạn mã sau đây cho thấy các hoạt động 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 rộng rãi API Khoá chế độ thức trên 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 nhiều ứng dụng và khả năng hỗ trợ rộng rãi, bạn có thể tạo ra trải nghiệm web đáng tin cậy và tinh tế hơn, từ đó mang lại lợi ích cho người dùng trên nhiều trình duyệt. Chúc bạn có trải nghiệm web mượt mà và không bị gián đoạn!