c 开发android ios实例,关于学习Android/iOS WebRTC音视频开发的hurtc使用详解

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

f9a38843574ebed2cd2ec047583d9b5f.png

很多人想测试浏览器(包括浏览器版本和桌面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:代表浏览器中输入的地址,值为:

1aba039c5df7461e298042c859af13b4.png

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

c9e0076b6ff3be32fbc01c16bd80a4f4.png

图2

21bae6931ef0810d1992ccfad6ae92dd.png

演示案例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是一样的,所以在这里就不一一介绍了,详细的内容看回原文。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值