How to turn off audio when mobile screen is locked

Hello everyone

I'm trying to stop audio when the user does not focus on the game with this code

Code (JavaScript):

1.  window.addEventListener('focus', () => {
2.               const audio = this.world.getConfigData(ut.Audio.AudioConfig);
3.               audio.paused = false;
4.               this.world.setConfigData(audio);
5.             });
6.  
7.             window.addEventListener('blur', () => {
8.               const audio = this.world.getConfigData(ut.Audio.AudioConfig);
9.               audio.paused = true;
10.               this.world.setConfigData(audio);
11.             });

but it doesn't work when the screen is locked, the audio keeps playing.

 

In case anyone has the same problem with me here is the solution

Code (JavaScript):

1. document.addEventListener('visibilitychange', () => {
2.   const audio = this.world.getConfigData(ut.Audio.AudioConfig);
3.   if(document.hidden){
4.     audio.paused = true;
5.   } else {
6.     audio.paused = false;
7.   }
8.   this.world.setConfigData(audio);
9.   this.scheduler.run();
10. });

 

how to use this code in Tiny TypeScript System class?

 

I try to call this once on onUpdate (in initialize state).

Code (JavaScript):

1. OnUpdate(): void {
2.    const context = world.getConfigData(Context);
3.    switch(context.state){
4.       case State.Initialize:
5.          callEventListener();
6.          context.state = State.Gameplay;
7.          break;
8.    }
9. }

hope this can help