阿里云 —— Windows下搭建“阿里云音视频通信RTC“(2)

本文是阿里云RTC音视频通信在Windows下的搭建教程系列的第二部分,主要介绍了如何进行Token鉴权和桌面共享。通过阿里云官网生成短期Token,确保不同用户ID能在同一ChannelID下进行多端并发的音视频通话,同时提到了Token校验和用户入会规则。

上一章(阿里云 —— Windows下搭建“阿里云音视频通信RTC“(1))

正文:需求介绍

     18年认识的一位同事,最近他有个需求是基于公网实现PC端1对1或多对多视频语音通话 并发量不小于100条,延迟需要小于500ms 毕竟要正常交流。起初我们讨论可以搭建本地的公网服务器或租赁云服务器,利用ffmpeg或webRTC来基于udp通信协议开发这套系统,但再仔细想了一下细节:首先单个服务器并发数量不足以支持,其次基于声音的回音消除、稳定性等无法提供算法保障、最后是需要人为的维护。最终经过繁复沟通我们选择了阿里云视频通信RTC,原因是省心省力,毕竟他团队的开发人员寥寥无几。

Token鉴权,桌面共享

步骤一

     接着 上一章 继续。向运行的软件输入用户名,点击"创建/加入房间"按钮。出现一个错误码。
在这里插入图片描述

     查询 错误码表 ,发现是输入参数错误。
在这里插入图片描述

     在Qt的demo的mainwindow.cpp,查找“joinChannel()”函数。发现需要填写Token相关的鉴权信息。
     下图代码的QMessageBox行,提示可自行搭建服务产生Token或手动输入,本章介绍第二种短期使用的办法 由阿里云官网产生Token鉴权信息。 下一章介绍第一种长期使用方式 代码产生Token鉴权信息。

在这里插入图片描述

步骤二

     参考 鉴权信息

          在同一个AppID和ChannelID下面,同一个用户ID在其他端登录,先入会的端会被后入会的端踢出频道。

在这里插入图片描述

     如下图,产生鉴权信息:

          其中AppID是使用的应用名称、AppKey是从使用应用页面查询而来,其他参数自行输入。

          重要:在相同ChannelID下需要创建多个不同的UserID,这些不同的UserID才能加入同一个聊天组。(说明ChannelID是用来区分不同聊天组的,当然也可以用不同的应用(AppID)来区分 只不过ChannelID更为适合与灵活。)

在这里插入图片描述

步骤三

     参考步骤二。产生两个UserID不同、其他参数均相同的两组鉴权信息。

     先将第一组的鉴权信息输入到下面代码中,然后生成执行程序,并将生成的执行程序文件改名为test1;将第二组的鉴权信息输入到下面代码中,然后生成执行程序,并将生成的执行程序文件改名为test2。

// 将网页生成的鉴权信息输入到下面对应的参数中
void MainWindow::joinChannel()
{
	AliEngineAuthInfo authinfo;

    authinfo.appId = (char*)"aaaaaaaaaaaaa";
    authinfo.userId = (char*)"bbbbbbbbbbbbbb";
    authinfo.channelId = (char*)"cccccccccccc";
    authinfo.nonce = (char*)"ddddddddddddddddd";

    authinfo.gslbCount = 1;
    authinfo.gslb = new char*[authinfo.gslbCount];
    for (int i = 0; i < authinfo.gslbCount; i++)
    {
        authinfo.gslb[i] = (char*)"eeeeeeeeeeeeeeeeee";
    }

	// 不使用agentCount
    authinfo.agentCount = 0;
    authinfo.agent = new char*[authinfo.agentCount];
    for (int i = 0; i < authinfo.agentCount; i++)
    {
        authinfo.agent[i] = (char*)"https://rgslb.rtc.aliyuncs2.com";//////////
    }
    
    authinfo.token = (char*)"ffffffffffffffffffffff";
    authinfo.timestamp = gggggggggggggggg;
//	QMessageBox::warning(this, tr("提示"), tr("1.可自己搭建appserver获取地址,2. 需手动输入鉴权信息!"));
//	return ;

	QByteArray arrUserName = msUserName.toUtf8();
	if (nullptr != mpEngine)
		mpEngine->JoinChannel(authinfo, arrUserName.data()); 	// 返回0为成功。
}

步骤四

     运行两个demo,用户名任意输入(建议不相同)。

在这里插入图片描述

在这里插入图片描述

注意的地方

     1、阿里云网页端生成的鉴权信息,建议每次生成去同网页下的 Token校验器 校验一下。若Token信息出错则PC输入参数的程序可能报错。

在同一个AppID和ChannelID下面,同一个用户ID在其他端登录,先入会的端会被后入会的端踢出频道。

     3、只有在相同的AppID、ChannelID下面,以不同的UserID入会,才可以正常聊天。(ChannelID是用来区分不同聊天组的,当然也可以用不同的应用(AppID)来区分 只不过ChannelID更为适合与灵活。


下一章:阿里云 —— Windows下搭建“阿里云音视频通信RTC“(3)

下一章介绍一种长期使用Token方式,代码产生Token鉴权信息。

关注

笔者 - jxd

<think>好的,用户想了解阿里云音视频通信RTC在WEB端的集成和使用方法,特别是开发文档和示例代码。首先,我需要回顾一下已有的引用内容,看看里面有没有相关的信息。 根据引用[1],提到阿里云RTC的WebRTC应用的基本逻辑,并建议参考官方文档和示例代码。引用[2]则介绍了AliRTC样本库,包含多种编程语言的示例代码。引用[3]提供了一个具体的Demo项目地址,可能包含视频直播室的示例。而引用[4]虽然主要讲产品分类,但提到云通信属于云计算基础的一部分,这可能帮助用户理解RTC阿里云产品中的位置。 接下来,用户的问题集中在WEB端的集成步骤和示例代码上。所以需要分步骤回答,包括创建实例、初始化SDK、加入房间、发布订阅流等流程。同时需要确保使用正确的格式,比如行内公式用$...$,独立公式用$$...$$,不过这个问题可能不太涉及数学公式,但要注意代码块和引用标识。 另外,用户可能需要具体的代码示例,这里可以结合引用中的信息,提供一个简单的Web端示例,并指出更详细的文档和示例库的位置。需要检查是否有官方文档的链接,但根据提供的引用,可能需要引导用户到引用[1]、[2]、[3]中的资源,特别是引用[3]的GitCode项目地址。 最后,生成相关问题时要围绕RTC的Web开发,比如认证机制、音视频处理、调试工具和跨平台兼容性等。这些问题应该帮助用户进一步探索集成过程中可能遇到的挑战和解决方案。 需要确保回答结构清晰,步骤明确,并正确引用来源。同时,避免使用Markdown格式,保持自然的中文表达。检查是否有遗漏的关键点,比如初始化需要AppID和Token,这些信息可能需要用户从阿里云控制台获取,应该在步骤中提到。</think>### 阿里云音视频通信RTC在WEB端的集成方法 #### 1. **开发环境准备** - 在阿里云控制台开通音视频通信RTC服务 - 获取必要凭证:`AppID`和临时`Token`(用于身份验证) - 安装Web端SDK:通过npm或CDN引入 ```bash npm install aliyun-webrtc-sdk ``` 或 ```html <script src="https://g.alicdn.com/aliyun/aliyun-webrtc-sdk/1.0.0/aliyun-webrtc-sdk.min.js"></script> ``` #### 2. **核心开发流程** ```javascript // 初始化引擎 const client = AliRTC.createClient({ mode: "live", // 互动/直播模式选择 codec: "h264" // 编解码格式 }); // 加入房间 client.join("your-token", "room123", "user001") .then(() => { // 创建本地流 const localStream = AliRTC.createStream({ audio: true, video: true, screen: false }); // 初始化本地流 localStream.initialize().then(() => { client.publish(localStream); // 发布本地流 }); // 订阅远端流 client.on('stream-added', remoteStream => { client.subscribe(remoteStream); }); }); ``` #### 3. **关键配置参数** - 分辨率配置:$videoProfile: "480p"$ 或 $videoProfile: "720p"$ - 网络质量监控: $$QoS = \frac{\sum_{i=1}^{n}(packetLoss_i \times weight_i)}{totalWeight}$$ - 混流布局模式:`1x1`单人模式、`1+N`演讲者模式等 #### 4. **官方资源指引** 1. 开发文档:[阿里云RTC开发指南](https://help.aliyun.com/document_detail/194543.html)[^1] 2. 示例代码库:[AliRTC Samples](https://gitcode.com/gh_mirrors/al/alibabacloud-AliRtcVideoLiveRoom-demo)[^3] 3. SDK接口文档:[Web SDK API Reference](https://help.aliyun.com/document_detail/300257.html) ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

信必诺

嗨,支持下哥们呗。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值