It should be noted that you can read the currentTime property of a video much more often. If time is really critical, and you can live with a little bit of uncertainty, you can try this instead. It is, however, a lot less elegant than using the tag’s own timeupdate event. setInterval(function () { console.log(audio.currentTime); … Read more
because you’re relying on an event to fire, you can’t return a value in getDuration or getVal instead, you want to use a callback function, like this (callbacks) The example assume you want to put the duration into a span written like this <span id=”duration”></span> function getDuration(src, cb) { var audio = new Audio(); $(audio).on(“loadedmetadata”, … Read more
Yes, it is possible. try this: <audio preload=”auto” src=”https://stackoverflow.com/questions/15612120/a.mp3″ loop=”true” autobuffer> Unsupported in Firefox </audio> <script> function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? “” : “; expires=”+exdate.toUTCString()); document.cookie=c_name + “=” + c_value; } function getCookie(c_name) { var i,x,y,ARRcookies=document.cookie.split(“;”); for (i=0;i<ARRcookies.length;i++) { x=ARRcookies[i].substr(0,ARRcookies[i].indexOf(“=”)); y=ARRcookies[i].substr(ARRcookies[i].indexOf(“=”)+1); x=x.replace(/^\s+|\s+$/g,””); if (x==c_name) { return … Read more
This question has been answered in other places before. Regarding Apple devices specifically: Can you autoplay HTML5 videos on the iPad? “Apple has made the decision to disable the automatic playing of video on iOS devices, through both script and attribute implementations. In Safari, on iOS (for all devices, including iPad), where the user may … Read more
Use the audio element’s volume property. From W3: The element’s effective media volume is volume, interpreted relative to the range 0.0 to 1.0, with 0.0 being silent, and 1.0 being the loudest setting, values in between increasing in loudness. The range need not be linear. The loudest setting may be lower than the system’s loudest … Read more
I have had the exact same problem, and I found that it is due to the following restriction in Safari: In Safari on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and autoplay are disabled. No data is loaded until the … Read more
Here’s a JSLinted, unobtrusive Javascript example demonstrating how to handle and use the ended mediaevent. In your particular situation, you would trigger playback of the second audio file in your ended event handler. You can use the code below or run the test fiddle. Click an item in the playlist to begin playback. After one … Read more
I can think of two ways. Within your audio tag: src=”https://stackoverflow.com/questions/21737224/file:///C:/.file.mp3″ or you could use a Blob using the file API. HTML: <input type=”file”></input> JS: audio.src = URL.createObjectURL(document.getElementsByTagName(‘input’)[0].files[0]);
Well, for my purposes, here’s what I did: Luckily, before the user can trigger the behavior to start audio, they have to click a button. I set the volume of the element to 0.0, and have it “play” when they click this button. After the sound is played silently, I simply set the volume property … Read more
In javascript you can do it like this (this is just to get you started): audio = new Audio(“start url”); audio.addEventListener(‘ended’,function(){ audio.src = “https://stackoverflow.com/questions/18274061/new url”; audio.pause(); audio.load(); audio.play(); }); if you want you can also use the same player(jquery): var audio = $(“#player”);