📅  最后修改于: 2020-10-17 05:36:59        🧑  作者: Mango

借助Web实时通信(WebRTC)，现代Web应用程序可以轻松地将音频和视频内容流式传输给数百万人。在本教程中，我们将说明如何使用WebRTC轻松快速地建立与其他Web浏览器的对等连接。听众本教程将帮助所有想要学习如何构建应用程序的开发人员，例如实时广告，多人游戏，直播，电子学习等，这些都是实时进行的。先决条件WebRTC是一个功能强大的工具，可用于将实时通信(RTC)功能注入浏览器和移动应用程序...

📅  最后修改于: 2020-10-17 05:37:30        🧑  作者: Mango

随着WebRTC（Web实时通信）的出现，Web不再是实时通信的陌生人。尽管它于2011年5月发布，但它仍在开发中，其标准也在不断变化。IETF（Internet工程任务组）的http://tools.ietf.org/wg/rtcweb/的WEB浏览器工作组中的实时通信对一组协议进行了标准化，而IETF（互联网工程任务组）对新的API进行了标准化。W3C（万维网联盟）的http://www.w3...

📅  最后修改于: 2020-10-17 05:38:00        🧑  作者: Mango

整个WebRTC架构具有很高的复杂性。在这里您可以找到三个不同的层-适用于Web开发人员的API-此层包含Web开发人员所需的所有API，包括RTCPeerConnection，RTCDataChannel和MediaStrean对象。浏览器制造商的API浏览器制造商可以挂钩的可重写API。传输组件允许跨各种类型的网络建立连接，而语音和视频引擎是负责将音频和视频流从声卡和摄像机传输到网络的框架。对...

📅  最后修改于: 2020-10-17 05:38:24        🧑  作者: Mango

在开始构建WebRTC应用程序之前，我们应该设置我们的编码环境。首先，您应该具有文本编辑器或IDE，可以在其中编辑HTML和Javascript。在阅读本教程时，您可能已经选择了首选方法。对于我来说，我正在使用WebStorm IDE。您可以从https://www.jetbrains.com/webstorm/下载其试用版。我还将Linux Mint用作我的首选操作系统。常见WebRTC应用程序...

📅  最后修改于: 2020-10-17 05:39:03        🧑  作者: Mango

MediaStream API旨在轻松访问本地摄像机和麦克风的媒体流。getUserMedia（）方法是访问本地输入设备的主要方法。API有一些关键点-实时媒体流由视频或音频形式的流对象表示它通过用户权限在网络应用程序可以开始获取流之前询问用户来提供安全级别。输入设备的选择由MediaStream API处理（例如，当有两个摄像头或麦克风连接到设备时）每个MediaStream对象都包含几个Med...

📅  最后修改于: 2020-10-17 05:40:08        🧑  作者: Mango

RTCPeerConnection API是每个浏览器之间对等连接的核心。要创建RTCPeerConnection对象，只需编写其中config参数至少包含密钥iceServers。它是URL对象的数组，其中包含有关ICE候选服务器的信息，用于查找ICE候选对象。您可以在code.google.com上找到可用的公共STUN服务器列表。根据您是调用方还是被调用方，RTCPeerConnection...

📅  最后修改于: 2020-10-17 05:40:30        🧑  作者: Mango

WebRTC不仅擅长传输音频和视频流，而且还擅长传输我们可能拥有的任何任意数据。这是RTCDataChannel对象起作用的地方。RTCDataChannel API物产RTCDataChannel.label（只读）-返回包含数据通道名称的字符串。RTCDataChannel.ordered（只读）-如果保证消息的传递顺序，则返回true；否则，返回false。RTCDataChannel.pr...

📅  最后修改于: 2020-10-17 05:41:02        🧑  作者: Mango

现在让我们创建一个简单的示例。首先，通过“节点服务器”运行在“信令服务器”教程中创建的信令服务器。页面上将有三个文本输入，一个用于登录，一个用于用户名，一个用于我们要发送给另一对等方的消息。创建一个index.html文件并添加以下代码-我们还添加了三个按钮用于登录，建立连接和发送消息。现在创建一个client.js文件并添加以下代码-您可以看到我们建立了到信令服务器的套接字连接。当用户单击登录按...

📅  最后修改于: 2020-10-17 05:42:13        🧑  作者: Mango

大多数WebRTC应用程序不仅能够通过视频和音频进行通信。他们需要许多其他功能。在本章中，我们将构建一个基本的信令服务器。信令与协商要连接到另一个用户，您应该知道他在Web上的位置。设备的IP地址允许启用Internet的设备相互之间直接发送数据。RTCPeerConnection对象对此负责。一旦设备知道如何在Internet上找到对方，它们就会开始交换有关每个设备支持哪些协议和编解码器的数据。...

📅  最后修改于: 2020-10-17 05:42:34        🧑  作者: Mango

网络发展如此之快，并且一直在不断完善。每天都会创建新标准。浏览器允许在用户不知情的情况下安装更新，因此您应该跟上Web和WebRTC世界的发展。这里是到目前为止的概述。浏览器支持每个浏览器不会同时具有所有相同的WebRTC功能。不同的浏览器可能处于领先地位，这使得某些WebRTC功能可以在一种浏览器中工作，而不能在另一种浏览器中工作。下图显示了浏览器中对WebRTC的当前支持。您可以在http:/...

📅  最后修改于: 2020-10-17 05:43:09        🧑  作者: Mango

在移动世界中，WebRTC支持与台式机不处于同一级别。移动设备有其自己的方式，因此WebRTC在移动平台上也有所不同。在为桌面开发WebRTC应用程序时，我们考虑使用Chrome，Firefox或Opera。它们都支持WebRTC。通常，您只需要一个浏览器，而无需理会台式机的硬件。在移动世界中，当今WebRTC有三种可能的模式-本机应用程序浏览器应用程序本机浏览器安卓系统2013年，Android...

📅  最后修改于: 2020-10-17 05:50:05        🧑  作者: Mango

在本章中，我们将构建一个客户端应用程序，该客户端应用程序允许两个用户在不同的设备上使用WebRTC音频流进行通信。我们的应用程序将有两页。一个用于登录，另一个用于与另一个用户进行音频通话。这两个页面将是div标签。大多数输入是通过简单的事件处理程序完成的。信令服务器要创建WebRTC连接，客户端必须能够在不使用WebRTC对等连接的情况下传输消息。在这里我们将使用HTML5 WebSockets-...

📅  最后修改于: 2020-10-17 05:51:36        🧑  作者: Mango

在本章中，我们将向在“ WebRTC信令”一章中创建的信令服务器添加安全功能。将有两个增强功能-使用Redis数据库进行用户身份验证启用安全的套接字连接首先，您应该安装Redis。从http://redis.io/download下载最新的稳定版本（以我的情况为3.05）打开包装在下载的文件夹中运行sudo make install安装完成后，运行make test以检查一切是否正常。Redis有...

📅  最后修改于: 2020-10-17 05:51:52        🧑  作者: Mango

以下资源包含有关WebRTC的其他信息。请使用它们来获得有关该主题的更深入的知识。WebRTC上的有用链接WebRTC–WebRTC的参考。WebRTC参考-WebRTC参考。WebRTC Wiki–WebRTC的维基百科参考。WebRTC上的有用书籍要在此页面上注册您的网站，请发送电子邮件至...

📅  最后修改于: 2020-10-17 05:52:03        🧑  作者: Mango

借助Web实时通信（WebRTC），现代Web应用程序可以轻松地将音频和视频内容流式传输给数百万人。在本教程中，我们将说明如何使用WebRTC轻松快速地建立与其他Web浏览器的对等连接。...