新知实验室TRTC初体验

简介: 新知实验室TRTC初体验

小记


一次偶然的邂逅,让我知道了TRTC实时音视频这个神奇的东西,于是便开始研究起来这个鬼东西,接下来将详细记录一下开发过程,以便后期使用.


正文


实时音视频(TRTC)


是腾讯云提供的一套低延时、高质量的音视频通讯服务,致力于为腾讯云客户提供稳定、可靠和低成本的音视频传输能力。您可以使用该服务快速构建“视频通话”、“在线教育”、“直播连麦”、“在线会议”等对通信延时要求比较苛刻的音视频应用。


如和使用


  1. 注册腾讯云账号
  2. 登录实时音视频控制台,选择 开发辅助 > 快速跑通Demo。
  3. 单击 新建应用 输入应用名称,例如 TEST;若您已创建应用可单击 选择已有应用。
  4. 查看应用
  5. 下载 Web 端 SDK 及配套的 Demo 源码。

这里有一个坑点需要注意

为啥我没有用uniapp 而是选择web 的呢 ?

首先如果选择uniapp 或者小程序的话需要你自己注册一个企业版的小程序账号 ,并开通音视频相关的外部接口, 然而我并没有.因此我无奈的选择了web 的sdk进行开发,进一步感受丝滑 ,哈哈哈

  1. 获取 SDKAppId 和 密钥(SecretKey) ,这两个值相当于用户的token ,识别用户用的 ,在调用sdk 的时候 需要给个输入框让其输入 ,
  2. 接下来就是运行项目了 比较简单
  3. 在这里输入 appid和秘钥进入房间就可以了 .


运行效果展示



还是棒棒的哦!!!


代码分析


1.复制可使用链接

通过switchCase 来进行分流管理

switch (this.label) {
      case 'userId': {
        const userId = getUrlParam('userId');
        this.infoValue = userId ? userId : `user_${parseInt(Math.random() * 100000000, 10)}`;
        break;
      }
      case 'roomId': {
        const roomId = getUrlParam('roomId');
        this.type = 'number';
        this.infoValue = roomId ? roomId : parseInt(Math.random() * 100000, 10);
        break;
      }
      case 'sdkAppId': {
        const sdkAppId = getUrlParam('sdkAppId');
        this.type = 'number';
        this.infoValue = sdkAppId ? sdkAppId : '';
        break;
      }
      case 'secretKey': {
        const secretKey = getUrlParam('secretKey');
        this.infoValue = secretKey ? secretKey : '';
        break;
      }
      default:
        break;
    }

将传过来的参数通过getUrlParam 方法快速生成分享链接

2. 获取用户签名

<!-- rtc 房间 -->
      <comp-room
        :sdkAppId="Number(sdkAppId)"
        :secretKey="secretKey"
        :userId="userId"
        :roomId="Number(roomId)"
        :cameraId="cameraId"
        :microphoneId="microphoneId"></comp-room>

调用组件,将相关参数传入

组件内通过 new LibGenerateTestUserSig(sdkAppId, secretKey, 604800);sdkAppid,secretKey,有效时间 传入到封装好的方法中, 这个封装的方法官网提供,直接使用便可

同时 new LibGenerateTestUserSig 调用之后会返回一个函数 , 我们通过函数中的genTestUserSig 来获取用户的签名,代码如下

const { sdkAppId, secretKey, roomId } = this;
      const inviteUserId = `user_${parseInt(Math.random() * 100000000, 10)}`;
      const userSigGenerator = new LibGenerateTestUserSig(sdkAppId, secretKey, 604800);
      const inviteUserSig = userSigGenerator.genTestUserSig(inviteUserId);

ok! , 关键代码就是这些


测试反馈及问题解决


1.推拉流问题

Web 端 SDK 日志中报错 NotFoundError、NotAllowedError、NotReadableError、OverConstrainedError 以及 AbortError 分别是什么意思?

错误名 描述 处理建议
NotFoundError 找不到满足请求参数的媒体类型(包括音频、视频、屏幕分享)。 例如:PC 没有摄像头,但是请求浏览器获取视频流,则会报此错误。 建议在通话开始前引导用户检查通话所需的摄像头或麦克风等设备,若没有摄像头且需要进行语音通话,可在 TRTC.createStream({ audio: true, video: false }) 指明仅采集麦克风。
NotAllowedError 用户拒绝了当前的浏览器实例的访问音频、视频、屏幕分享请求。 提示用户不授权摄像头/麦克风访问将无法进行音视频通话。
NotReadableError 用户已授权使用相应的设备,但由于操作系统上某个硬件、浏览器或者网页层面发生的错误导致设备无法被访问。 根据浏览器的报错信息处理,并提示用户“暂时无法访问摄像头/麦克风,请确保当前没有其他应用请求访问摄像头/麦克风,并重试”。
OverConstrainedError cameraId/microphoneId 参数的值无效。 确保 cameraId/microphoneId 传值正确且有效。
AbortError 由于某些未知原因导致设备无法被使用。

2.播放问题

音视频互通过程中出现有画面没有声音问题?

因浏览器自动播放策略限制,音频播放会出现 PLAY_NOT_ALLOWED 异常,此时业务层需要引 导用户手动操作 Stream.resume() 来恢复音频播放,自动播放受限处理建议 。

未知异常导致,请通过监控仪表盘查询收发两端的 audioLevel & audioEnergy。

运行 Web 端 SDK 时,出现错误:“RtcError: no valid ice candidate found”该如何处理?

出现该错误说明 TRTC Web SDK 在建立媒体传输通道时失败,请检查防火墙配置。


总结


对接起来还是有一定的难度, 自定义开发的话,缺少必要的文档, 需要自己多查查相关文献,

针对线上会议,或者多人会议的情况,有是会出现NotReadableError 错误 , 不过疫情当下,能够推出这个sdk还是很牛的 ,希望后期官方可以完善一下api文档,

目录
打赏
0
0
0
0
25
分享
相关文章
凭风好借力 送我上青云-帕鲁们在阿里云上的乘风之旅
2024年1月18日,幻兽帕鲁在Steam发行,不到一周全球爆火,在游戏圈引起了轩然大波,犹如一阵大风呼呼吹来,意想不到的是这股"大风"也吹到了云厂商,阿里云敏锐的捕捉到这股"春风",为何称为"春风"?作者作为阿里云的老用户,也是一名云架构师,阿里云在此之前,云栖大会很火爆,而后,推出了《e型经济型实例》,恰到好处的一股春风"幻兽帕鲁",让《e型经济型实例》乘风而上,且阿里云的同学也非常迅速的通过自身的计算巢服务设计出全托管类的《幻兽帕鲁一条龙服务》,当其他家还在观望,亦或是仅推出搭建教程的时候阿里云已经用行动向大家展现出自身的实力,突然联想到阿里云自研芯片部门---"平头哥",干就完了
65977 66
凭风好借力 送我上青云-帕鲁们在阿里云上的乘风之旅
终于!我找到了开发的得力助手!阿里云天池云原生编程挑战赛参赛攻略
在比赛过程中,通义灵码插件成为了我开发工作的得力助手。这个插件提供了智能代码补全和错误提示功能,大大提高了我的编码效率。尤其是通义灵码能够实时分析代码,给出优化建议,让我避免了很多潜在的错误。
238 64
AtomGit代码托管平台评测赛——赛事收获暨赛事总结
AtomGit代码托管平台评测赛——赛事收获暨赛事总结
92 1
AIGC领航计划系列-快速入门指南-科普篇
“开启人工智能之旅,与AIGC领航计划共创未来”!科普篇:什么是AIGC?AIGC的行业现状?AIGC的应用场景?
1037 2
《看见新力量第四期》电子版下载
由阿里云创新中心出品的《看见新力量》栏目,在过去一年,不断地记录正在发生的创业故事,本期栏目我们采访了15位在数字经济、5G、物联网赛道涌现出的新生力量,这些企业从阿里云主办的创业大赛的上千家参赛企业中脱颖而出,用创业者的视角带我们走进他们的企业,了解技术与商业上的创新,讲述他们创业路上的酸甜苦辣,坚定地相信通过技术创新可以为社会带来更多的价值。
73 0
《看见新力量第四期》电子版下载
《2021 KubeMeet 开发者沙龙线下演讲实录合辑》电子版下载
《2021 KubeMeet 开发者沙龙线下演讲实录合辑》是 2021 年度 KubeMeet 线下开发者沙龙的演讲内容沉淀,不仅包含云原生标准应用模型技术上的落地与思考、热门开源项目的技术架构解读、云原生应用部署开源实践等话题,更有第四范式、携程、极狐、Vmware、电信天翼云、深信服、招商局、政采云等知名企业的一线云原生落地实践。云原生应用交付与管理痛点、边缘计算融合难题都能在此找到新解法!
120 0
《2021 KubeMeet 开发者沙龙线下演讲实录合辑》电子版下载
《2021 KubeMeet 开发者沙龙线下演讲实录合辑》电子版下载地址
《2021 KubeMeet 开发者沙龙线下演讲实录合辑》是 2021 年度 KubeMeet 线下开发者沙龙的演讲内容沉淀,不仅包含云原生标准应用模型技术上的落地与思考、热门开源项目的技术架构解读、云原生应用部署开源实践等话题,更有第四范式、携程、极狐、Vmware、电信天翼云、深信服、招商局、政采云等知名企业的一线云原生落地实践。云原生应用交付与管理痛点、边缘计算融合难题都能在此找到新解法!
114 0
《2021 KubeMeet 开发者沙龙线下演讲实录合辑》电子版下载地址
GitHub 6600星,面向中国人:微软AI教育与学习共建社区2.0登场!
在近日Github趋势热榜上,来自微软亚洲研究院AI教育团队的人工智能教育与学习共建社区再度引发了广泛关注,目前已获得超过6000星。
283 0
GitHub 6600星,面向中国人:微软AI教育与学习共建社区2.0登场!

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等