Wake Lock Demo

What is Wake Lock?

This page demonstrates the Screen Wake Lock API, which keeps your screen awake while this page is open. On Safari, it uses a small hidden video to achieve the same effect.

How it works

When you click Enable Wake Lock, this page either uses the official API or plays a hidden looping video to prevent the screen from dimming.

Key points:

• ✅ Uses the standard navigator.wakeLock API if supported.
• ✅ Falls back to a muted hidden video on Safari and unsupported browsers.
• ✅ No personal data is collected or sent.
• ✅ Full source: GitHub Repo

Example code:

if ('wakeLock' in navigator) {
  await navigator.wakeLock.request('screen');
} else {
  // Fallback: play hidden looping video
  fallbackVideo.play();
}