Supporté par ChromeNon supporté par FirefoxNon supporté par EdgeNon supporté par Safari/iOS Wake Lock API : Démo HTML5

Mise à jour : 2017-01-22
Cette API permet de bloquer la mise en veille automatique.
Ceci permet de garder une application web active, même sans action de l'utilisateur.

Wake Lock API

Notes sur le tuto


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>