play .wav sound file encoded in base64 with javascript

by

That doesn’t look like the correct way to use the Audio constructor for HTMLAudioElement / <audio>.

Slight adjustment

var snd = new Audio("data:audio/wav;base64," + base64string);
snd.play();

If it works in console but not in script, it may be getting garbage collected, in which case scope it so it will stay

var Sound = (function () {
    var df = document.createDocumentFragment();
    return function Sound(src) {
        var snd = new Audio(src);
        df.appendChild(snd); // keep in fragment until finished playing
        snd.addEventListener('ended', function () {df.removeChild(snd);});
        snd.play();
        return snd;
    }
}());
// then do it
var snd = Sound("data:audio/wav;base64," + base64string);

More Related Contents:

  1. How to convert Base64 String to javascript file object like as from file input form?
  2. Get Base64 encode file-data from Input Form
  3. Convert HTML to data:text/html link using JavaScript
  4. How to save a base64 image to user’s disk using JavaScript?
  5. Convert binary data to base64 with javascript
  6. What is the size limit of a Base64 DataURL image?
  7. How to download a base64-encoded image?
  8. how to display base64 encoded pdf?
  9. Dynamic page load can’t load Java with page
  10. Replacing css file on the fly (and apply the new style to the page)
  11. How to include multiple js files using jQuery $.getScript() method
  12. Performance of MutationObserver to detect nodes in entire DOM
  13. HTML5 Audio Looping
  14. jquery submit form and then show results in an existing div
  15. Programmatically play video with sound on Safari and Mobile Chrome
  16. Can I run HTML files directly from GitHub, instead of just viewing their source?
  17. JS – window.history – Delete a state
  18. Embed an External Page Without an Iframe?
  19. How can I detect Internet Explorer (IE) and Microsoft Edge using JavaScript?
  20. How to access the content of the “embed” tag in HTML
  21. Prepending “http://” to a URL that doesn’t already contain “http://”
  22. Change Button color onClick
  23. What are the possible ways to hide an element via CSS [closed]
  24. search data from html input in mysql
  25. How to store objects in HTML5 localStorage/sessionStorage
  26. Waiting for dynamically loaded script
  27. Styling Vuetify selectors
  28. Reading multiple files with Javascript FileReader API one at a time
  29. Checking if a textbox is empty in Javascript
  30. Rename Object Key in an array using javascript

Leave a Comment