Estou precisando gravar áudio e transmitir ao vivo, descobri que com HTML5 e JavaScript/jQuery é possível e que tem plugins que podem me auxiliar. Estou usando um deles, o MediaStreamRecorder e estou gravando e transmitindo para mim mesmo ao vivo, só que não consigo transmitir para todos, alguém sabe como faço essa transmissão ? Provavelmente usando socket ? Onde fica o arquivo que esta sendo gravado ? Como enviar o arquivo em tempo real pro servidor ?
EDIT: Como enviar o blob em tempo real pro servidor ?
LINK NO JSFIDDLE: http://jsfiddle.net/C8WHd/2/
Código usado (o plugin esta no github nesse link: MediaStreamRecorder):
<script src="//www.webrtc-experiment.com/MediaStreamRecorder.js"> </script>
<h1>
Audio Recording using <a href="https://github.com/streamproc/MediaStreamRecorder"
target="_blank">MediaStreamRecorder</a>
</h1>
<div id="audios-container">
</div>
<script>
var mediaConstraints = { audio: true };
navigator.getUserMedia(mediaConstraints, onMediaSuccess, onMediaError);
function onMediaSuccess(stream) {
var audio = document.createElement('audio');
audio = mergeProps(audio, {
controls: true,
src: URL.createObjectURL(stream)
});
audio.play();
audiosContainer.appendChild(audio);
audiosContainer.appendChild(document.createElement('hr'));
var mediaRecorder = new MediaStreamRecorder(stream);
mediaRecorder.mimeType = 'audio/ogg';
mediaRecorder.ondataavailable = function(blob) {
var a = document.createElement('a');
a.target = '_blank';
a.innerHTML = 'Open Recorded Audio No. ' + (index++);
a.href = URL.createObjectURL(blob);
audiosContainer.appendChild(a);
audiosContainer.appendChild(document.createElement('hr'));
};
// get blob after each 5 second!
mediaRecorder.start(5 * 1000);
}
function onMediaError(e) {
console.error('media error', e);
}
var audiosContainer = document.getElementById('audios-container');
var index = 1;
</script