在HTML5应用中添加音频/视频通话

Question

我正在研究HTML5应用，让几个用户可以处理一个文档。我需要为用户添加一种可能性（编辑同一文档）以便彼此交谈。而我只是不知道如何开始。这是我的问题

1. 是否有HTML5 lib允许在客户端之间传输来自麦克风的声音？
2. 从相机流式传输视频怎么样？
3. 什么是最简单的服务器端解决方案？

非常感谢任何想法！所以不要害羞！ ：）

UPD：请注意我需要两个以上的用户才能说话。

Answer 1

为此，您可以使用WebRTC。

然而，这是一项非常年轻且未完成的技术，如前所述，目前仅适用于Chrome稳定版和Firefox测试版。这意味着可能会对当前规范进行更改，在早期实现的情况下需要注意。但它允许您直接在浏览器中使用视频和音频通信。

快速入手：
http://www.html5rocks.com/en/tutorials/webrtc/basics/

其他选项是基于Flash的插件，例如flash-videoio。这是一个开源插件，但自然需要安装Adobe Flash。根据公司的安全政策，这可能是也可能不是问题。

有关实施的技术细节，请参阅提供的链接上的示例。

对于多对多，你可以使用：

1. “网格” - 每个人都与大家联系。然而，这在CPU上是昂贵的，并且移动设备经常被遗漏。
2. “明星” - 每个人都通过功能最强大的设备。但是，对于许多连接，处理所有连接的设备很快就会运行缓慢。
3. MCU。专用服务器来处理所有连接。如果混合音频和视频并处理掉线而不影响其他呼叫者。

MCU的例子：
http://sourceforge.net/projects/mcumediaserver/（开源）
http://www.medooze.com/products/mcu.aspx（商业）

Answer 2

您正在搜索navigator.getUserMedia（）

允许各种用户共享视频音频和数据。

支持非常低......只有chrome和最新版本的opera和firefox支持它。

并且在移动设备上完全没有支持......可能在下一个Android chrome ... dunno

因为有很多话要谈，我不知道你想如何设置一切我建议你在网址上阅读更多内容......

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/

和SERVERSIDE解决方案nahh ......这不是一个好的解决方案

客户端是最佳选择。

Answer 3

不确定您是否需要自己从头开始或者能够使用第三方库/工具。

在这种情况下，我建议使用支持WebRTC和SDK for iOS的Tokbox。

他们的API简单易用。