Javascript[32天] JS保持屏幕换醒状态

0

[32天] JS保持屏幕换醒状态

阅读:909 时间:2022年06月17日

前言 坚持写博客第32天: 了解现代Web API之WakeLock保持屏幕换醒状态 WakeLock 这是一个实验中的功能,并不是所有浏览器都支持。当应用程序需要保持运行时,屏幕唤醒锁定API提供了一种防止设备变暗或锁定屏幕的方法。 例子: nav...

前言

坚持写博客第32天: 了解现代Web API之WakeLock保持屏幕换醒状态

WakeLock

这是一个实验中的功能,并不是所有浏览器都支持。当应用程序需要保持运行时,屏幕唤醒锁定API提供了一种防止设备变暗或锁定屏幕的方法。

例子:

navigator.wakeLock.request("screen")

WakeLock.request()

安全上下文: 此项功能仅在一些支持的浏览器的安全上下文(HTTPS)中可用。

WakeLock.request(wakeLockType)方法用来获取屏幕唤醒锁定权限,防止屏幕变暗、关闭或展示屏幕保护程序。

参数 wakeLockType 唤醒锁定类型,目前必须传 "screen"

返回值WakeLockSentinelPromise。可用于释放唤醒锁定:

lock.release()

以下例子获取一个唤醒锁定并在 10 分钟后释放它:

function tryKeepScreenAlive(minutes) {
  navigator.wakeLock.request("screen").then(lock => {
    setTimeout(() => lock.release(), minutes * 60 * 1000);
  });
}

tryKeepScreenAlive(10);

浏览器支持情况:

微信截图_20220616170946.jpg

总结

这是一个十分有用的API,比如Web页开发的B/S的可视化大屏。PC端Chrome与安卓都可使用。

发表评论说说你的看法吧

精品模板蓝瞳原创精品网站模板

^