The screen dims when user is training and in resting mode

[z-x]

The screen should be active when user is training, but instead it dims and turns of if user doesn't wake it manually by tapping the screen. This can actually freeze the timer and force the user to reload the page.

The solution before was to play a silent hidden video in the background in a loop, but since some iOS update it seem that this solution no longer prevents the screen from dimming.

Current best hope is to wait for Screen Wake Lock API to be implemented in mobile browsers, but this is not going to be anytime soon, especially on iOS. I don't know of any solution that can be implemented right now unfortunately.

[z-x]

There might be a solution: richtr/NoSleep.js#85 (comment)

It seems removing the muted attribute can fix the issue.

[z-x]

Fixed but as a side effects the background music on mobile devices is stopped. The only way to fix this would be to wait for Wake Lock API. It does detect if the API is available on the device so if it will work anywhere then the background music won't be stopped.