let screenLock = null; // 用于保存唤醒锁对象

async function requestWakeLock() {
  try {
    // 1. 检查浏览器是否支持 Wake Lock API
    if ('wakeLock' in navigator) {
      // 2. 请求屏幕唤醒锁
      screenLock = await navigator.wakeLock.request('screen');
      console.log('屏幕唤醒锁已激活！屏幕不会自动熄灭了。');
      // 3. 监听释放事件（可选，了解锁何时失效）
      screenLock.addEventListener('release', () => {
        console.log('屏幕唤醒锁已被释放');
      });
    } else {
      console.warn('抱歉，你的浏览器不支持屏幕唤醒锁功能。');
      // 这里可以给用户一个提示，比如显示一个消息或备用方案（如提醒用户手动设置设备常亮）
    }
  } catch (err) {
    // 4. 处理请求失败
    console.error('获取屏幕唤醒锁失败:', err);
    // 失败原因可能是：电量过低、省电模式开启、用户拒绝权限（部分设备可能需要）、标签页不可见等。
  }
}

// 在需要保持屏幕常亮时调用这个函数，例如播放视频按钮点击后
requestWakeLock();

function releaseWakeLock() {
  if (screenLock !== null && screenLock.released === false) {
    screenLock.release()
      .then(() => {
        screenLock = null;
        console.log('屏幕唤醒锁已手动释放');
      });
  }
}

// 在需要让屏幕可以自动熄灭时调用这个函数，例如暂停视频
releaseWakeLock();

// 监听页面可见性变化
document.addEventListener('visibilitychange', async () => {
  // 当页面重新变得可见（用户切换回标签页）且我们之前持有锁（或需要锁）时
  if (document.visibilityState === 'visible' && screenLock === null) {
    await requestWakeLock(); // 再次调用我们之前写的请求锁函数
  }
  // 注意：当页面隐藏时，锁会被浏览器自动释放，我们不需要手动释放，但可以把 screenLock 设为 null 标记一下（在 release 事件或这里处理）
});

const videoPlayer = document.getElementById('myVideo');
let screenLock = null;

async function requestWakeLock() {
  try {
    if ('wakeLock' in navigator) {
      screenLock = await navigator.wakeLock.request('screen');
      console.log('屏幕常亮开启');
    }
  } catch (err) {
    console.error('保持屏幕常亮失败:', err);
    alert('无法保持屏幕常亮：' + err.message); // 简单提示用户
  }
}

function releaseWakeLock() {
  if (screenLock !== null) {
    screenLock.release().then(() => {
      screenLock = null;
      console.log('屏幕常亮已关闭');
    });
  }
}

// 播放视频时请求锁
videoPlayer.addEventListener('play', requestWakeLock);

// 暂停或结束视频时释放锁
videoPlayer.addEventListener('pause', releaseWakeLock);
videoPlayer.addEventListener('ended', releaseWakeLock);

// 处理用户切换标签页后返回的情况
document.addEventListener('visibilitychange', async () => {
  if (document.visibilityState === 'visible' && !videoPlayer.paused && screenLock === null) {
    // 页面可见、视频在播放中、且当前没有锁，就重新请求
    await requestWakeLock();
  }
});