To jump around an audio file, your server must be configured properly. The client sends byte range requests to seek and play certain regions of a file, so the server must response adequately: In order to support seeking and playing back regions of the media that aren’t yet downloaded, Gecko uses HTTP 1.1 byte-range requests … Read more
While loop is specified, it is not implemented in any browser I am aware of Firefox [thanks Anurag for pointing this out]. Here is an alternate way of looping that should work in HTML5 capable browsers: var myAudio = new Audio(“https://stackoverflow.com/questions/3273552/someSound.ogg”); myAudio.addEventListener(‘ended’, function() { this.currentTime = 0; this.play(); }, false); myAudio.play();
Update October 2012: Wooohooo! Brendan Eich just announced on his blog that work for MP3 and H264 support in Firefox is underway. You can track the work on BugZilla: Support H.264/AAC/MP3 video/audio playback on desktop Firefox Update February 2013: After much heavy lifting from Firefox developer Chris Pearce, this patch flips the switch to enable … Read more
Solution #1 My solution here is to create an iframe <iframe src=”https://stackoverflow.com/questions/50490304/audio/source.mp3″ allow=”autoplay” style=”display:none” id=”iframeAudio”> </iframe> and audio tag aswell for non-chrome browsers <audio autoplay loop id=”playAudio”> <source src=”https://stackoverflow.com/questions/50490304/audio/source.mp3″> </audio> and in my script var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); if (!isChrome){ $(‘#iframeAudio’).remove() } else { $(‘#playAudio’).remove() // just to make sure that it … Read more
2021 solution function playSound(url) { const audio = new Audio(url); audio.play(); } <button onclick=”playSound(‘https://your-file.mp3’);”>Play</button> Browser support Edge 12+, Firefox 20+, Internet Explorer 9+, Opera 15+, Safari 4+, Chrome Codecs Support Just use MP3 Old solution (for legacy browsers) function playSound(filename){ var mp3Source=”<source src=”” + filename + ‘.mp3″ type=”audio/mpeg”>’; var oggSource=”<source src=”” + filename + ‘.ogg” … Read more
There is a fairly complete recording demo available at: http://webaudiodemos.appspot.com/AudioRecorder/index.html It allows you to record audio in the browser, then gives you the option to export and download what you’ve recorded. You can view the source of that page to find links to the javascript, but to summarize, there’s a Recorder object that contains an … Read more
Instead of stop() you could try with: sound.pause(); sound.currentTime = 0; This should have the desired effect.
HTML5 Audio objects You don’t need to bother with <audio> elements. HTML 5 lets you access Audio objects directly: var snd = new Audio(“file.wav”); // buffers automatically when created snd.play(); There’s no support for mixing in current version of the spec. To play same sound multiple times, create multiple instances of the Audio object. You … Read more
If you don’t want to mess with HTML elements: var audio = new Audio(‘audio_file.mp3’); audio.play(); function play() { var audio = new Audio(‘https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3’); audio.play(); } <button onclick=”play()”>Play Audio</button> This uses the HTMLAudioElement interface, which plays audio the same way as the <audio> element. If you need more functionality, I used the howler.js library and found … Read more