Not working with Safari IOS 15.0 #135

vivipeder · 2021-09-26T13:14:08Z

Not working with last update IOS 15.0!

pinoceniccola · 2021-09-28T10:56:16Z

From my quick tests, iOS 15 Safari stays awake only if the video is playing, has no loop flag, is not muted AND is visible on a webpage (also tried absolute positioning with opacity:0 with no luck).

At this point, with no new workarounds available, there's only hope for proper Screen Wake Lock API support somewhere in the future.

RotemAkerman · 2021-09-30T11:25:54Z

I can confirm, doesn't work since IOS 15

marcphk · 2021-10-02T18:06:06Z

Reckon this'll work with a 1x1 mp4? Perhaps it's the new spacer.gif...

vivipeder · 2021-10-07T13:46:51Z

Apparently it's working again on IOS 15.0.1 update!

cerchez07 · 2021-10-15T13:54:44Z

Not working for me on iOS 15.0.2. Also I am seeing in Network tab that the video is infinitely fetched?

rhamnett · 2021-11-07T15:52:35Z

Anyone found a solution to this?

steida · 2021-11-08T20:02:19Z

@rhamnett I think if your iPhone is seeing your face, it will not lock.

rhamnett · 2021-11-08T20:11:12Z

@steida thanks, seems you are correct!

paulaegido · 2021-11-16T09:12:45Z

It happens to me too. I have it set that once you press the login button, the function is activated to prevent the screen from suspending. The call and execution seems to work fine, but it doesn't work, and both on IOS and Android and on computers, the screen turns off.

brunocarneiro · 2021-11-18T06:19:39Z

I can confirm it's not working on iOS 15.1 but on Androids are.
Seems the event 'timeupdate' is not being called. Then, the video is only played once.
Tried many things but none gave any good result.

z-x · 2021-11-19T17:02:02Z

@brunocarneiro @paulaegido @rhamnett Found a solution. It seems that the timeupdate event is only triggered when the element is actually appended to DOM, so this few lines did the trick.

const hideCss = {
  position: 'absolute',
  left: '-100%',
  top: '-100%'
}
Object.assign(this.noSleepVideo.style, hideCss);

document.querySelector('body').append(this.noSleepVideo);

this.noSleepVideo.addEventListener("loadedmetadata", () => {
[...]

@richtr - I'm kinda too lazy to fork the whole repo, would you apply this to the code?

z-x · 2021-11-20T20:17:29Z

@RotemAkerman - Well I guess you are missing something, would need to see the code to help.

RotemAkerman · 2021-11-20T20:26:36Z

My bad, had the script in <head> so <body> wasn't indeed present during execution

brunocarneiro · 2021-11-26T13:09:03Z

@z-x Nice! I can confirm it's working now!
Many thanks!

andy88ctv · 2021-11-29T09:39:36Z

This works on an iPhone 8 but doesn't work on an iPhone SE2020 both running 15.1

paulaegido · 2022-01-18T08:24:25Z

const hideCss = {
position: 'absolute',
left: '-100%',
top: '-100%'
}
Object.assign(this.noSleepVideo.style, hideCss);

document.querySelector('body').append(this.noSleepVideo);

this.noSleepVideo.addEventListener("loadedmetadata", () => {
[...]

@z-x where should I put this? I have my NoSleepJS in my custom.js.

paulaegido · 2022-01-18T08:31:57Z

Okey this works for me!
https://github.com/Uriopass/NoSleep.js

Found it in #138

brunocarneiro · 2022-09-02T17:33:05Z

Hey everyone, it seems it stopped working. Is it happening with you too?

dkt01 · 2022-09-02T17:41:38Z

It's not working for me in iOS 15.6.1 with NoSleep 0.12.

z-x · 2022-09-09T17:07:12Z

@brunocarneiro @dkt01 iOS 15.6.1 seems to be working for https://pushu.ps running as a PWA, the source is open if you want to figure it out by yourselves: https://github.com/z-x/pushu.ps/

dkt01 · 2022-09-09T17:16:03Z

@z-x That site isn't working on my phone either. It still locks the screen after the time I've configured.
My app is also an open source PWA ( Sequence Timer - Source ). nosleep.js is activated while the timer is running.
On the pushu.ps site, at what point is it supposed to disable sleep?

z-x · 2022-09-09T17:54:19Z

@dkt01 - on the training screen, right after you click 'Start next training'. I've just checked and left the screen open and it does not turn off.

dkt01 · 2022-09-09T19:06:05Z

@z-x, thanks. I can confirm that that page within pushu.ps does keep my screen awake and unlocked. I'll have to check how my application is misusing the nosleep.js library.

MasterInQuestion · 2023-05-02T00:15:44Z

[ Quote pinoceniccola @ CE 2021-09-28 10:56:16 UTC:
https://github.com/richtr/NoSleep.js/issues/135#issuecomment-929079462
iOS 15 Safari stays awake only if the video ... is visible on a webpage ]
<^> Unsure what's going on with Safari.
But from my testing on large variety of browsers [1]: all of them could work without having the "<video>" attached to the DOM.
And Chrome (all versions) doesn't seem to require the existence of audio.

[1] Both contemporary and legacy Firefox and Chrome.

aroman · 2023-07-24T21:34:56Z

fwiw, i'm using iOS 15.7 and i cannot reproduce this issue. i'm not sure if something changed in later versions of iOS 15, but inserting the video into the document seems not to be necessary anymore...

RotemAkerman mentioned this issue Nov 20, 2021

NoSleep.js not working on Chrome ver. 94.0.4606.76 on IOS 14.6 #136

Open

alebianco-doxee mentioned this issue Nov 22, 2021

Fix #134 #135 #136 #138

Open

6 tasks

unreasonableman mentioned this issue Feb 9, 2022

Wake lock not working on iPhone cal-itp/graas#91

Closed

yiw008 mentioned this issue Jun 9, 2022

[NEW] Polish/keep device awake nickkro25/cse112_team15#193

Closed

2 tasks

This was referenced Apr 16, 2023

[question] about the HTML5-VIDEO-tag #68

Closed

[Discussion] Bottleneck of the project #157

Open

sonodima mentioned this issue May 31, 2023

Suggestion - Always on mobile screen sonodima/soundpad-web#3

Closed

capital-G mentioned this issue Jul 12, 2023

Check browser capabilities in standby mode Gencaster/gencaster#6

Open

4 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Not working with Safari IOS 15.0 #135

Not working with Safari IOS 15.0 #135

vivipeder commented Sep 26, 2021

pinoceniccola commented Sep 28, 2021

RotemAkerman commented Sep 30, 2021

marcphk commented Oct 2, 2021

vivipeder commented Oct 7, 2021 •

edited

Loading

cerchez07 commented Oct 15, 2021

rhamnett commented Nov 7, 2021

steida commented Nov 8, 2021

rhamnett commented Nov 8, 2021

paulaegido commented Nov 16, 2021

brunocarneiro commented Nov 18, 2021 •

edited

Loading

z-x commented Nov 19, 2021 •

edited

Loading

z-x commented Nov 20, 2021

RotemAkerman commented Nov 20, 2021

brunocarneiro commented Nov 26, 2021 •

edited

Loading

andy88ctv commented Nov 29, 2021

paulaegido commented Jan 18, 2022

paulaegido commented Jan 18, 2022

brunocarneiro commented Sep 2, 2022

dkt01 commented Sep 2, 2022

z-x commented Sep 9, 2022

dkt01 commented Sep 9, 2022

z-x commented Sep 9, 2022

dkt01 commented Sep 9, 2022

MasterInQuestion commented May 2, 2023

aroman commented Jul 24, 2023

Not working with Safari IOS 15.0 #135

Not working with Safari IOS 15.0 #135

Comments

vivipeder commented Sep 26, 2021

pinoceniccola commented Sep 28, 2021

RotemAkerman commented Sep 30, 2021

marcphk commented Oct 2, 2021

vivipeder commented Oct 7, 2021 • edited Loading

cerchez07 commented Oct 15, 2021

rhamnett commented Nov 7, 2021

steida commented Nov 8, 2021

rhamnett commented Nov 8, 2021

paulaegido commented Nov 16, 2021

brunocarneiro commented Nov 18, 2021 • edited Loading

z-x commented Nov 19, 2021 • edited Loading

z-x commented Nov 20, 2021

RotemAkerman commented Nov 20, 2021

brunocarneiro commented Nov 26, 2021 • edited Loading

andy88ctv commented Nov 29, 2021

paulaegido commented Jan 18, 2022

paulaegido commented Jan 18, 2022

brunocarneiro commented Sep 2, 2022

dkt01 commented Sep 2, 2022

z-x commented Sep 9, 2022

dkt01 commented Sep 9, 2022

z-x commented Sep 9, 2022

dkt01 commented Sep 9, 2022

MasterInQuestion commented May 2, 2023

aroman commented Jul 24, 2023

vivipeder commented Oct 7, 2021 •

edited

Loading

brunocarneiro commented Nov 18, 2021 •

edited

Loading

z-x commented Nov 19, 2021 •

edited

Loading

brunocarneiro commented Nov 26, 2021 •

edited

Loading