html5-audio

I am trying to capture the microphone and send the recording to my server.. I tried this method here but it records only a big WAV and the upload can be slow sometimes. Is there a way to capture the voice and compress it on the client side? Best method would be to send the recording while recording, but I have no Idea if this is possible. (It works for YouTube Live Webcam recording, it must work for Audio only too..) Stefan Hey check out this post where i replied to a guy with a similar question as you. How do I embed a Flash audio recorder in my site i dont know about client side compressing

I'm trying to make an HTML5 audio playlist that will work in each major browser: Chrome,Safari, Firefox, IE9+. However, I can't figure out how to change the sources in a cross browser compatible way. UPDATED For example, changing the <source> tag's src s works in Chrome but not Safari. While @eivers88's solution below using canPlayType works it seems easier to me just to change the <source> tag's src s. Can anyone explain to me why my code directly below works in Chrome but not Safari? JS: var audioPlayer=document.getElementById('audioPlayer'); var mp4Source=$('source#mp4'); var oggSource=$(

I'm writing an extension for google chrome. And I have a situation: I've got a link for mp3 file, and I could play it. I could extract duration of it.. But how could I calculate bitrate? Is it possible through some properties? Or through some calculations using file size? If second - how to get filesize? Thanks. Update: Do a HEAD request and get the filesize from the Content-Length header . Since you know the duration, you can then calculate the bitrate. Research: Here I want to share some of my research. You probably already know this -- the bitrate is stored inside according to the MP3

is there a way how to style timeline thumb (seeker) of an <audio> tag? I'm able to target and style most of the element using audio::-webkit- shadow DOM pseudo selectors. However, I was unlucky finding a selector to match the playback timeline thumb. It's done by <input type="range"> , another shadow DOM element. So basically I'm trying to target shadow DOM pseudo element inside another shadow DOM pseudo element. My playground is on https://jsfiddle.net/cLwwwyh5/ . I just need this to work in Chrome (Chrome App) Going through the list of available modifiers: audio::-webkit-media-controls-panel

I'm having a small web app, which plays really short sound bits on the click of several buttons. It explicitly targets mobile Safari on iOS (iPad). After reading here and elsewhere about the several "shortcomings" of HTML5 audio in this context on mobile Safari and trying a few "hacks" and tricks, I'm stuck with a situation where Safari seems simply (for the lack of a better word) broken: I can play sound A (it takes a long time for it to start — I'm assuming it's downlading [again]?) on the click of button A. After that, clicking on button B will immediately play the sound A again. Same for

Is it possible to have an audiofile loaded from <audio/> -element via createMediaElementSource and then load the audio data into a AudioBufferSourceNode ? Using the audio-element as a source (MediaElementSource) seems not to be an option, as I want to use Buffer methods like noteOn and noteGrain . Loading the audiofile directly to the buffer via XHR unfortunately isn't an option neither ( see Open stream_url of a Soundcloud Track via Client-Side XHR? ) Loading the buffer contents from the audio elements seems to be possible though: http://www.w3.org/2011/audio/wiki/Spec_Differences#Reading