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:
