Ошибка выключения экрана при потоковой передаче видео на веб -сайте фильма использует ReactJS ⇐ IOS

[Anonymous]

Я разрабатываю веб -сайт фильма, используя HLS.JS для потоковой передачи видео со ссылкой M3U8. При использовании телефонного устройства экран будет выключен в соответствии с конфигурацией телефона. Например, в настройках телефона в 30 -е годы с экрана, если не используется, при просмотре фильма также выключает экран через 30 секунд. < /P>
Я использую следующий код: < /p>

Код: Выделить всё

let wakeLock = null;
let hiddenVideo = null;

export const requestWakeLock = async () => {
try {
if ("wakeLock" in navigator) {
// Wake Lock API hỗ trợ (Chrome, Edge, Android)
wakeLock = await navigator.wakeLock.request("screen");
wakeLock.addEventListener("release", () => { });
} else if (/iPhone|iPad|iPod|Macintosh/.test(navigator.userAgent)) {
// Nếu là Safari hoặc iOS, dùng cách chạy video ẩn
hiddenVideo = document.createElement("video");
hiddenVideo.src = "data:video/mp4;base64,AAAA"; // Video trống
hiddenVideo.loop = true;
hiddenVideo.play().catch((err) => console.warn("Không thể phát video:", err));
} else {
console.warn("Wake Lock API không được hỗ trợ.");
}
} catch (err) {
console.error(`Wake Lock error: ${err.message}`);
}
};

export const releaseWakeLock = async () => {
if (wakeLock) {
await wakeLock.release();
wakeLock = null;
}
if (hiddenVideo) {
hiddenVideo.pause();
hiddenVideo.remove();
hiddenVideo = null;
}
};
< /code>
Но это кажется неэффективным, потому что иногда это работает, иногда это не работает. Я считаю, что большинство не работает на iOS. Надеюсь, все помогут. Мой сайт https://phimcu.click 

Большое спасибо !!!

Подробнее здесь: https://stackoverflow.com/questions/795 ... es-reactjs