Wake Lock API : Démo HTML5
Mise à jour : 2017-01-22
Ceci permet de garder une application web active, même sans action de l'utilisateur.
Wake Lock API
- document.keepScreenAwake : indicateur de blocage de la mise en veille automatique.
Notes sur le tuto
- Réglez la veille de votre appareil sur 1 minute (ou moins) pour constater l'effet de cette fonctionnalité.
- Limitations :
- Le blocage de la mise en veille n'est actif que si la page elle-même est active.
- Ne fonctionne pas avec Chrome sous Android 4.1.1.
Exemple de code HTML5
Patientez le temps de la mise en veille : <span id="chrono"></span><br> <script> function reset(status) { document.keepScreenAwake = status mm = 0 ss = 0 } function chrono() { if (ss > 59) { mm++ ss = 0 } document.getElementById("chrono").innerHTML = (mm < 10 ? "0" : "") + mm + ":" + (ss < 10 ? "0" : "") + ss ss++ setTimeout("chrono()", 1000) } reset(true) chrono() </script> <button onclick="reset(true)"> Bloquer la mise en veille automatique </button> <button onclick="reset(false)"> Réactiver la mise en veille automatique </button>
Démonstration du résultat HTML5
Patientez le temps de la mise en veille :
Détection automatique du support HTML5
Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)<script src="_html5detect.js"></script> <script> isItemSupported("document.keepScreenAwake") </script>