Record audio and stream live

Question

I need to record audio and broadcast live, I found that with HTML5 and Javascript/jQuery is possible and that has plugins that can help me. I’m wearing one of them, the Mediastreamrecorder and I’m recording and broadcasting to myself live, only I can’t transmit to everyone, does anyone know how I do this transmission ? Probably using socket ? Where is the file being saved ? How to send the file in real time to the server ?

EDIT: How to send the blob in real time to the server ?

LINK IN JSFIDDLE: http://jsfiddle.net/C8WHd/2/

Code used (the plugin is on github at this 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

Answer 1

After much research I got results using the Webrtc-Experiment (https://github.com/muaz-khan/WebRTC-Experiment) and (http://www.rtcmulticonnection.org/docs/).

Server code: (http://jsfiddle.net/C8WHd/3/)

<script src="http://www.rtcmulticonnection.org/latest.js"></script>
<button id="audio">Audio stream</button>
<script>

var connection = new RTCMultiConnection('channel-654654-34434-12121');
connection.session = {
    data: true
};
connection.open();


document.querySelector('#audio').onclick = function() {
    connection.addStream({audio:true,oneway:true});
};
</script>

User code: (http://jsfiddle.net/C8WHd/4/)

<script src="http://www.rtcmulticonnection.org/latest.js"></script>
<script>

var connection = new RTCMultiConnection('channel-654654-34434-12121');
connection.session = {
    audio: true
};
connection.connect();

</script>

Answer 2

There is nowhere to run, when it comes to stream transmission customers have to connect to you or be you are the server that distributes (broadcast) the data to everyone who is connected to you!

In reality you open pure audio (raw audio) on your data input device (microphone or other source) and send to customers inside blocks with fixed size, in general 2048, 4096 on the other side each client receives the values of this vector and gives play encoding for some format (wav, mp3, etc)!

The javascript that presented only takes the data of the microphone in a pure way, I did not look with affection but these values must be in a vector short int or float32 of fixed size, only for you understand the process:

The values captured from the microphone generally can be in short in or float32 they are a vector of fixed size, 2048 or 4096, etc These values are passed to an Encoder that encodes this vector to the desired format, of possession of the encoded vector the player plays this vector. This process runs in a loop and is fast enough not to promote latency