How to play sound in my timer?

Question

I am trying to make a code of a timer which plays a sound when the time entered is over but it does not play and shows an error. Please tell me how to fix this error and play the sound after the time is over.
This is my code
|
|
\/
https://code.sololearn.com/Wj0etkhlq2LI/?ref=app

Answer 1

Can you try this. Let me know if it works or not.
https://code.sololearn.com/W6z6g5HUfaU0/?ref=app

Answer 2

Vasu Vijay , can you please recheck?

This is working for me.
*Alarm sound😬*

Answer 3

That too working for me Vasu Vijay

Answer 4

Vasu Vijay ,
I'm glad it works 😊. However it'll not be fine if you just use that code without understanding why it works and what changes I have made. So here is explaination.

1. I have made `sound` variable global because I need to use it in more than one function. I assigned audio element to sound variable within
window.onload =()=>{}
anonymous function , it's called when DOM is ready.

2. As play method requires user interaction I have used a workaround. I'm calling sound.play() in start method which is called on user interaction (click). But we don't want to play audio when timer starts so I called sound.pause() immediately after sound.play().

3. Lastly audio is played in playSound() method. (user interaction is not required this time).

Answer 5

🇮🇳Omkar🕉, Thank you so much for making me understand. At first when I saw your code honestly I was trying to understand how your changes removed the error and made the sound play when the time is over but I can't understand.
However, now I understand.
Once again thank you.

Answer 6

But in my phone it is not working and showing this error:
Uncaught (in promise) NotAllowedError: play () can only be initiated by a user gesture.
Line: 8

Answer 7

This code works 🇮🇳Omkar🕉