关于学习Android/iOS WebRTC音视频开发的hurtc使用详解

作者:课课家教育更新于： 2016-04-19 16:01:36

　   学习Android/iOS WebRTC 音视频开发之前先来了解一下WebRTC的相关内容，Web开发者可以基于集成WebRTC的浏览器提供的web API开发基于视频、音频的实时通信应用,WebRTC实现了基于网页的视频会议，标准是WHATWG 协议，目的是通过浏览器提供简单的javascript就可以达到实时通讯(Real-Time Communications (RTC))能力，而且WebRTC提供了视频会议的核心技术，包括音视频的采集、编解码、网络传输、显示等功能。本文主要介绍如何测试基于浏览器和手机的视频通话程序。

　　很多人想测试浏览器(包括浏览器版本和桌面exe版本)，android,iOS之间的视频效果，所以提供我的东东给大家测试，操作方式如下:

　　演示注意事项

　　1.1. 附件说明

　　1.1.1. 如需通过手机APP进行测试,请先去附件里面下载相应的apk，[email protected] help

　　1.1.2. android下载

　　1.1.3. iOS因涉及越狱暂未提供安装程序，如有特别需要请单独跟我联系.

　　1.2. 测试地址

　　1.1.1. rtcURL:代表浏览器中输入的地址，值为:

　　1.1.2. rtCADdr:代表服务器地址，值为:47.88.1.81:4000

　　1.1.3. 上述地址可能会变化，如果发现访问不了请联系我.

　　演示案例1: PC与PC视频

　　2.1. 环境要求:

　　2.1.1. 2台有摄像头和麦克风的电脑.都装有最新版的chrome浏览器.

　　2.1.2. PC桌面下载

　　2.2. 演示步骤:

　　2.2.1. 2台电脑分别用chrome浏览器打开rtcURL

　　2.2.2. 电脑A在页面上输入用户名:pc1，然后点击"启动"按钮，点完启动按钮后，在浏览器对话框中选择允许使用摄像头.

　　2.2.3. 电脑B点击"刷新"按钮，这时候会看到刚才登陆的pc1，点击"呼叫"，并在浏览器对话框中选择允许使用摄像头.

　　2.2.4. 稍加等待，即可成功.

　　2.3. 附图如下

　　图1

　　图2

　　演示案例2: 手机与手机视频(App方式)

　　3.1. 环境要求:

　　3.1.1. 准备两台安卓4.0以上的手机.

　　3.2. 演示步骤:

　　3.2.1. 分别给手机装上HuRTC4.0.apk.

　　3.2.2. 两台手机分别打开HuRTC4.0，设置服务器地址:rtcAddr

　　3.2.3. 手机A输入用户名m1，密码123456 然后点击登录.

　　3.2.4. 手机B输入用户名m2，密码123456 然后点击登录.

　　3.2.5. 手机B登录后即可看到手机A，勾选，然后点击"发起".

　　3.2.6. 稍加等待，即可成功.

　　演示案例3: 手机与手机视频(Browse方式)

　　4.1. 环境要求:

　　4.1.1. 准备两台安卓4.0以上的手机，分别装有chrome浏览器

　　4.2. 演示步骤:

　　4.2.1. 所有操作方式与"演示PC与PC视频"一样.

　　演示案例4: 手机与PC视频

　　5.1. 环境要求:

　　5.1.1. 1台安卓4.0以上的手机.

　　5.1.2. 1台有摄像头和麦克风的电脑，且装有最新版的chrome浏览器.

　　5.2. 演示步骤:

　　5.2.1. 手机安装并打开HuRTC4.0，设置服务器地址:rtcAddr

　　5.2.2. 手机A输入用户名m1，密码123456 然后点击登录.

　　5.2.3. 电脑用chrome打开:rtcURL.

　　5.2.4. 页面上可以看到刚才登陆的mc1，点击"呼叫"，并在浏览器对话框中选择允许使用摄像头.

　　5.2.5. 稍加等待，即可成功.

　　演示案例5: iOS与iOS视频

　　操作步骤与android一样.

     上文主要通过5个大部分来介绍学习Android/iOS WebRTC 音视频开发的hurtc使用说明，首先是在演示时需要注意的事项，然后是PC与PC视频和手机与手机视频(App方式)，最后是手机与手机视频(Browse方式)和 手机与PC视频。对于 iOS与iOS视频，其步骤和android是一样的，所以在这里就不一一介绍了，详细的内容看回原文。