10

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

luke
  • 101
  • 1
  • 3

2 Answers2

5

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
Community
  • 1
  • 1
net.uk.sweet
  • 12,149
  • 2
  • 22
  • 39
  • Thank you very much for your support – luke Jun 25 '12 at 14:19
  • No problem Luke. You should accept the answer if it helped you out. – net.uk.sweet Jul 01 '12 at 13:44
  • After a long research i didn't found solution regarding audio sample data recording using html 5. I found all forums about pre define audio clip streaming not microphone sample data streaming in real time. I am wonder if html 5 can only capture audio sample data with video element. I found some plugins which records audio using flash microphone plugin, but i want same in html 5. Your comments will help full :) Thank you – luke Jul 04 '12 at 21:17
  • Here is my code: how can i console.log real time streaming data ? if i should use timer then how ? Thankyou – luke Jul 04 '12 at 21:21
0

Update: http://code.google.com/p/chromium/issues/detail?id=112367

This issue is being worked making it stable for windows platform too, but working on Mac.

fahd704
  • 11