Geek Answers Handbook

Adding audio / video calls to an HTML5 application

I am working on an HTML5 application that allows multiple users to work on the same document. I need to add the ability for users (edit the same document) to talk with each other. And I just don’t know how to start from this. Here are my questions

  • Is there an HTML5 library that lets you transfer microphone sound between clients?
  • How about streaming video from a camera?
  • What is the simplest server-side solution?

Any thoughts are greatly appreciated! So feel free! :)

UPD:, please note that I need to give up more than two users to talk.

+7
source share
3 answers

You can use WebRTC for this .

However, this is a very young and incomplete technology, which, as already mentioned, is available only in Chrome stable and Firefox. This means that there are likely to be changes in the current specification that you need to know in case of early implementation. But this allows you to use video and audio communication directly in the browser.

Quick start here:
http://www.html5rocks.com/en/tutorials/webrtc/basics/

Other options are Flash-based plugins, such as flash-videoio . This is an open source plugin, but of course you need to install Adobe Flash. This may or may not be a problem depending on the security policy of the company.

For detailed implementation information, see the examples of the links provided.

For many-to-many, you can use either:

  • "Mesh" - all connect to all. However, this is expensive on the processor, and mobile phones are often not taken into account.
  • "Star" - all pass through the most capable device. However, with many connections, this will soon be slow if the device handles all connections.
  • MCU. A dedicated server to handle all connections. If you mix audio and video and unload outputs without affecting other subscribers.

MCU Examples:
http://sourceforge.net/projects/mcumediaserver/ (open source)
http://www.medooze.com/products/mcu.aspx (commercial)

+6
source

you are looking for navigator.getUserMedia ()

which allows various users to share video audio and data.

support is very low ... only chrome and the latest versions of opera and firefox support it.

and does not fully support mobile devices ... maybe in the next android chrome ... dunno

since there is something to talk about, and I have no idea how you want to configure everything that I suggest you read a little more about it at the urls ...

http://caniuse.com/stream

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

http://dev.w3.org/2011/webrtc/editor/getusermedia.html

https://developer.mozilla.org/en-US/docs/WebRTC/navigator.getUserMedia

http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview

http://simpl.info/getusermedia/

and SERVERSIDE nahh solution ... this is not a good solution

clientide is the way to go.

+1
source

Not sure if you need to do this yourself from scratch or use third-party libraries / tools.

In this case, I would recommend using Tokbox , which supports WebRTC and SDK for iOS.

Their API is simple and easy to use.

+1
source

More articles:


All Articles