Evitar la apagada de pantalla de un movil
Publicado por German (4 intervenciones) el 01/12/2017 18:51:59
Hola gente, intento hacer que cuando visiten la pagina web en la que trabajo, la pantalla del movil no se apague.
Encontré este .js que parece funcionar bien.
https://github.com/richtr/NoSleep.js
El código de ejemplo funciona bien, por l oque estimo que todo esta bien, ahora quiero que en mi pagina se ejecute automáticamente pero no lo logro (sin tener que hacer click).
Intente con el
pero no dio resultado. No se que estoy haciendo mal.
Si alguien me ayuda se lo agradezco.
Encontré este .js que parece funcionar bien.
https://github.com/richtr/NoSleep.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<head>
<title>NoSleep.js - Simple Test Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>NoSleep Test Page</h1>
<script src="../dist/NoSleep.min.js"></script>
<input type="button" id="toggle" value="Wake Lock is disabled" />
<script>
var noSleep = new NoSleep();
var wakeLockEnabled = false;
var toggleEl = document.querySelector("#toggle");
toggleEl.addEventListener('click', function() {
if (!wakeLockEnabled) {
noSleep.enable(); // keep the screen on!
wakeLockEnabled = true;
toggleEl.value = "Wake Lock is enabled";
document.body.style.backgroundColor = "green";
} else {
noSleep.disable(); // let the screen turn off.
wakeLockEnabled = false;
toggleEl.value = "Wake Lock is disabled";
document.body.style.backgroundColor = "";
}
}, false);
</script>
<!-- Github Ribbon -->
<a href="https://github.com/richtr/NoSleep.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
</body>
</html>
El código de ejemplo funciona bien, por l oque estimo que todo esta bien, ahora quiero que en mi pagina se ejecute automáticamente pero no lo logro (sin tener que hacer click).
Intente con el
1
noSleep.enable();
Si alguien me ayuda se lo agradezco.
Valora esta pregunta
0