Как приостановить звуковую метку при выключенном экране или запустить вторую

Question

Я пытаюсь приостановить звук, когда мобильный экран выключен, или запустить вторую звуковую метку.это пример моего HTML-кода

<audio controls>
  <source src="audio1.mp3">
  Does not support the audio element.
</audio>
<audio controls>
  <source src="audio2.mp3">
  Does not support the audio element.
</audio>

К сожалению, я не знаю, как я могу создать EventListener для проверки вышеуказанных случаев.