prevent safari from sleep using javascript

Question

I am implementing a javascript timer the timer loads in an iframe and that timer also plays some audio files at certain intervals, basically it is for routine exercises so say for 10 seconds there is first exercise and then for a minute the second one and for 2 minutes the third one and so on.

As the time for a exercise completes and the next one turns up I change the audio for that particular exercise and so on. What I want is to prevent the browser to sleep in each and every mode that is phone(android, iOS), laptop everywhere till the time the timer is running.

I have used 2 solutions for ios I am using to reload the page and for the others whether it is android or laptop I am trying a video as stated here.

And my final code to check things is

var ua = {
  Android: /Android/ig.test(navigator.userAgent),
  // iOS: /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent)
  iOS:/iPhone|iPad|iPod/i.test(navigator.userAgent)
};

<script type="text/javascript" src="js/sleep.js"></script>

if (ua.iOS) {
  preventIosSleep = setInterval(function(){
    window.top.location.href = '/';
    setTimeout(function(){
      try {
        window.top.stop();
      } catch (exception) {
        document.execCommand('Stop');
      }
    }, 0);
  }, 10000);
} else {
  sleep.prevent();
}

// and when releasing the things
if (ua.iOS) {
  clearInterval(preventIosSleep);
} else {
  sleep.allow();
}

The sleep.js is taken from the link as told above. Have been trying things for around a week now. This solution works well on all browsers except the safari on MAC. Can any one tell me how can I stop the safari browser not to enter the sleep mode.

Your "final code to check things" has the `AppleWebKit` regex commented out, so `ua.iOS` won't even detect Safari on macOS. Have you at least confirmed that you can detect Safari on macOS? — Dan Wilson, Nov 21 '16 at 14:23

score 7 · Answer 1 · edited May 23 '17 at 11:53

7

In the past you have been able to do hacks such as having an audio tag on the page or reloading a URL in a hidden iframe. But none of these work as of iOS 7. The only workable solution is to create an app which uses the UIWebView.

Below is the for additional information if you are interested: https://stackoverflow.com/a/7477438/1640090

edited May 23 '17 at 11:53

Community

1
1

answered Nov 17 '16 at 20:12

vbguyny

1,170
1
10
29

So overall lets end it like this is not possible. So that if anyone else tries they can get some help. – Rohit Ailani Nov 24 '16 at 12:21

score 2 · Answer 2 · answered Nov 21 '16 at 23:01

2

I'd recommend creating a cordova app if you're looking for device level control. I believe the type of thing you're hoping to accomplish in a browser is something Apple actively prevents; probably for battery life and/or device security reasons.

If you go that route, You could use: https://github.com/EddyVerbruggen/Insomnia-PhoneGap-Plugin

Hope it helps.

answered Nov 21 '16 at 23:01

Jeff Woodard

647
8
15

If you can check my question things are working on devices but not working on mac safari. So, if you can help with that. – Rohit Ailani Nov 22 '16 at 15:58

prevent safari from sleep using javascript

2 Answers2