Javascript Audio Play on click

by

Try the below code snippet

<!doctype html>
<html>
  <head>
    <title>Audio</title>
  </head>
  <body>

    <script>
      function play() {
        var audio = document.getElementById("audio");
        audio.play();
      }
    </script>

    <input type="button" value="PLAY" onclick="play()">
    <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio>

  </body>
</html>

More Related Contents:

  1. onclick or inline script isn’t working in extension
  2. Calling a parent window function from an iframe
  3. How to call multiple JavaScript functions in onclick event?
  4. How do I add a simple onClick event handler to a canvas element?
  5. Cross-platform, cross-browser way to play sound from Javascript? [duplicate]
  6. Execute PHP function with onclick
  7. onclick or onClick?
  8. HTML5 check if audio is playing?
  9. Get index of clicked element using pure javascript
  10. Including both href and onclick to HTML tag
  11. Attaching click event to a JQuery object not yet added to the DOM [duplicate]
  12. How can I disable HREF if onclick is executed?
  13. How to play a notification sound on websites?
  14. html5 display audio currentTime
  15. HTML 5 – Play file at certain time point
  16. Howto: div with onclick inside another div with onclick javascript
  17. Why can’t JavaScript .play() audio files on iPhone safari?
  18. How to play only the audio of a Youtube video using HTML 5?
  19. Change Button color onClick
  20. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  21. Change value of input and submit form in JavaScript
  22. JavaScript for loop index strangeness [duplicate]
  23. HTML anchor tag with Javascript onclick event
  24. Javascript click event listener on multiple elements and get target ID
  25. how to intercept Button click inside UIWebview on IOS?
  26. How to set the loudness of HTML5 audio?
  27. Generating sound on the fly with javascript/html5
  28. jquery use of bind vs on click
  29. Function not calling within an onclick event
  30. onclick calling hide-div function not working

Leave a Comment