[译]WebRTC基础实践 - 3. 获取示例代码

栏目: 后端 · 发布时间: 5年前

内容简介:如果安装有git工具, 直接用下面的脚本, 从GitHub克隆代码即可:或者, 点击链接下载 zip 压缩包:如果下载失败或者本地网络受限, 可通过小工具页面下载:

下载示例代码

如果安装有git工具, 直接用下面的脚本, 从GitHub克隆代码即可:

git clone https://github.com/googlecodelabs/webrtc-web.git

或者, 点击链接下载 zip 压缩包: https://github.com/googlecodelabs/webrtc-web/archive/master.zip

如果下载失败或者本地网络受限, 可通过小 工具 页面下载: http://www.cncounter.com/tools/download.php?targetfilename=random.zip&origfileurl=https%3A%2F%2Fgithub.com%2Fgooglecodelabs%2Fwebrtc-web%2Farchive%2Fmaster.zip

下载完成后进行解压, 里面是一个自适应的网络资源项目( adaptive-web-media ), 包含多个步骤对应的文件夹, 以及部分资源。

预定的工作目录是 work

类似 step-xx 的文件夹, 则包含了教程中每一个步骤对应的完成状态。仅供参考。

安装并验证 web server

建议使用你比较熟悉的web服务器, 如 Nginx, Tomcat, NodeJS等等, 只要能以 http:// 协议(不能是 file:// 协议)访问到 work 目录下的文件即可。

下面的内容, 主要讲解的是, 在没有其他服务器可选的情况下, 如何使用 Chrome Web Server 扩展应用来模拟一个web服务器。需要从 Chrome Web Store 网站进行安装。

链接: Install Web Server for Chrome

[译]WebRTC基础实践 - 3. 获取示例代码

安装完成之后, 进入 "更多工具 – 扩展程序 " 页面( chrome://extensions/ ) , 找到这个Chrome 应用, 点击详细信息, 并启用:

[译]WebRTC基础实践 - 3. 获取示例代码

接着将此页面下拉, 在新版本的Chrome中, 可能需要先点击 “在 Chrome 网上应用店中查看详情”:

[译]WebRTC基础实践 - 3. 获取示例代码

然后在Chrome网上应用店的页面中, 点击启动:

[译]WebRTC基础实践 - 3. 获取示例代码

启动完成之后配置相关信息, 如端口号。

点击 CHOOSE FOLDER 可以配置WebRoot文件夹, 这里选择我们解压后的 /work 目录。

[译]WebRTC基础实践 - 3. 获取示例代码

在配置项 Options 下面, 选中 Automatically show index.html , 则可以自动使用 index 作为默认页面。

接下来需要停止并重启一次 server, 通过滑动切换标签 Web Server: STARTED , (即先滑到左边, 再滑到到右边)。

[译]WebRTC基础实践 - 3. 获取示例代码

Web Server URL(s) 下面会显示相应的链接。点击其中一个, 默认打开的就是 work/index.html 文件。

如下图所示:

[译]WebRTC基础实践 - 3. 获取示例代码

显然, 现在程序里什么都没有, 只是个空架子, 目的是为了确保web服务器运行正常. 在接下来的小节中, 我们会逐步添加功能和界面布局。

如果一切正常, 那么后面的测试和验证都可以使用这个 web server 配置。

修改源文件并保存之后, 只需要刷新浏览器标签页, 就可以查看最新效果了。

原文链接: https://codelabs.developers.google.com/codelabs/webrtc-web/#0

翻译人员: 铁锚 - https://blog.csdn.net/renfufei

翻译日期: 2018年07月02日


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

The Mechanics of Web Handling

The Mechanics of Web Handling

David R. Roisum

This unique book covers many aspects of web handling for manufacturing, converting, and printing. The book is applicable to any web including paper, film, foil, nonwovens, and textiles. The Mech......一起来看看 《The Mechanics of Web Handling》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具