9

我正在开发 HTML5 应用程序，它允许多个用户处理一个文档。我需要增加用户（编辑同一个文档）相互交谈的可能性。我只是不知道如何开始。这是我的问题

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

任何想法都非常感谢！所以不要害羞！:)

UPD：请注意，我需要两个以上的用户交谈的能力。

4

3 回答 3

7

为此，您可以使用WebRTC。

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

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

其他选项是基于 Flash 的插件，例如flash-videoio。这是一个开源插件，但自然需要安装 Adob​​e Flash。这可能是也可能不是问题，具体取决于公司的安全策略。

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

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

  1. “网格” - 每个人都连接到每个人。然而，这在 CPU 上代价高昂，而且手机经常被遗漏。
  2. “明星” - 每个人都通过最有能力的设备。但是，对于许多连接，处理所有连接的设备很快就会运行缓慢。
  3. 单片机。处理所有连接的专用服务器。If 混合音频和视频并处理掉线，而不会影响其他呼叫者。

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

于 2013-06-07T07:31:37.967 回答
1

您正在搜索 navigator.getUserMedia()

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

支持率很低……只有chrome和最新版本的opera和firefox支持它。

并且完全不支持移动设备……也许在下一个 android chrome 中……不知道

因为有很多话要说，我不知道你想如何设置一切我建议你在网址上多读一点……

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解决方案不...这不是一个好的解决方案

客户端是要走的路。

于 2013-06-06T15:15:26.233 回答
1

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

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

他们的 API 简单易用。

于 2013-06-06T17:52:30.000 回答