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

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

内容简介:如果安装有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日


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

查看所有标签

猜你喜欢:

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

人机交互:以用户为中心的设计和评估

人机交互:以用户为中心的设计和评估

董建明、傅利民、[美]沙尔文迪 / 清华大学出版社 / 2003-9-1 / 28.00

本书综述部分介绍了与“用户为中心的设计和评估”方法相关的背景知识及发展概况。其后,分3篇分别介绍了解用户、用户界在设计和可用性评估的内容及一些相关的研究专题。最后,第11章讨论了在组织中实施以用户为中心的设计的专题。本书主要面向的读者包括:软件或网站的设计人员。同时本书也可成为“现代人因工程学”及“以用户为中心的设计”的教材,还可作为软件或网站公司经理的提高用户满意度或提升公司形象的手册。一起来看看 《人机交互:以用户为中心的设计和评估》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具