The sound generation after clicking the button, receiving notifications or at the time of page load can be done by using JavaScript.
Note:
- URL provided in the playSound function can be changed to give the custom sound url.
- Style property is not the part of implementation. It is used to provide a nice interface for viewers.
Example: This example generating the sound after clicking the button.
<!DOCTYPE html> < html >   < head >     < title >         Sound generation after clicking the button     </ title >           < link rel = "stylesheet" href =           </ script >     < script src =     </ script > </ head >   < body style = "text-align:center;" >     < div class = "container-fluid" style = "margin:35px;" >         < p style = "font-size:30px;" >             < strong >                 Click on the button to generate sound             </ strong >         </ p >                   < br >< br >               < button class = "btn btn-primary" onclick = '$.playSound("http://tusharbaheti28.000webhostapp.com/notification.mp3")' >             Click Me!         </ button >     </ div > </ body >   </ html >                    |
Output: