Capturing Microphone Using Html 5 and broadcast using socket.io

html webkit websocket socket.io audio-capture
luke picture luke · Jun 22, 2012 · Viewed 8k times · Source

I am currently developing Virtual Classroom with whiteboard,video/audio conferencing. How can I capture microphone using HTML5,Javascript. How can i create base64 encoded string from microphone ? I already capture video image from tag and draw on canvas and received base64 encoded string and broadcast to all students and its works. is any similar way for audio tag also ? i would like to broadcast teacher microphone voice to whole class using socket.io. I found number of tutorial but every body explain about video not audio :( . I am using Chrome -v 21 and able to use webkit. Thanks in advance

Answer

net.uk.sweet picture net.uk.sweet · Jun 22, 2012

The Stream API should allow you to do this but unfortunately it's not supported in any of the current (stable) browsers. You could download the nightly build of Google Chrome which definitely includes some support for the API, though how complete I'm not sure.

I'm guessing it shouldn't be too long until plugins for node start appearing to help with the handling of this stuff on the server side, but meantime the following might be useful:

  1. Streaming audio from a Node.js server to HTML5 tag
  2. A Node.js module for parsing and/or injecting metadata into SHOUTcast/Icecast radio streams.
  3. Streaming audio using Firefox Audio Data API + Node.js + WebSocket + Redis Pub/Sub

Related questions

Why is EventSource connection closed every 30-60 sec when no data transported, while WebSocket's one is kept open?

I would like to push data to users every 2 min. Using EventSource requires additional pushing null-byte every 29 sec to keep the connection open. WebSocket doesn't require such ping. Why is the EventSource connection regularly closed and reopened? Is it because …

Read More
Maximum call stack size exceeded error

I am using a Direct Web Remoting (DWR) JavaScript library file and am getting an error only in Safari (desktop and iPad) It says Maximum call stack size exceeded. What exactly does this error mean and does it stop processing …

Read More
Submitting a form on 'Enter' with jQuery?

I have a bog-standard login form - an email text field, a password field and a submit button on an AIR project that's using HTML/jQuery. When I hit Enter on the form, the entire form's contents vanish, but the …

Read More