【新知实验室 TRTCIM】实时互动课堂最佳实践
【新知实验室 TRTC&IM】实时互动课堂最佳实践
- 一、新知实验室-TRTC腾讯云音视频产品体验官计划
- 活动简介
- 二、产品简介
- TRTC
- IM
- 三、最佳实践
- 3.1 官方快速上手TRTC(快速跑通)
- 3.1.1 注册腾讯云账号
- 3.1.2 使用实时音视频(需先开通)
- 3.1.3 创建应用
- 3.1.4 查看项目(查看密钥和快速上手操作)
- 3.1.5 运行快速上手项目(静态页面)
- 3.2 使用TRTC&IM构建实时互动课堂
- 3.2.1 项目简介(trtc-education-electron)
- 3.2.2 设置即时通讯IM的 Web 端可同时在线个数
- 3.2.3 构建项目(使用云服务器)
- 3.2.3.1 构建环境
- 3.2.3.2 克隆代码
- 3.2.3.4 ==修改官方留的Bug==
- 3.2.3.5 安装依赖
- 3.2.3.6 测试&打包
- 3.2.4 在线课堂运行
- 四、总结
一、新知实验室-TRTC腾讯云音视频产品体验官计划
活动简介
活动链接:https://marketing.csdn.net/p/637c852aedd21c0ef20754a7d7635e6d
活动链接:https://marketing.csdn.net/p/637c852aedd21c0ef20754a7d7635e6d
活动链接:https://marketing.csdn.net/p/637c852aedd21c0ef20754a7d7635e6d
在线上线下一体化、虚拟现实加速融合的趋势下,音视频已经演进成一种基本能力,深刻变革了社会的交互方式。未来,音视频作为全真互联时代的重要基石,将持续推动互联网和实体产业的数字化创新与升级。
腾讯云实时音视频TRTC基于腾讯20多年在音视频技术上的深度积累,主打低延时互动直播和多人音视频两大解决方案,致力于帮助全球开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。
二、产品简介
TRTC
TRTC全称(Tencent Real-Time Communication)即腾讯实时音视频服务,定位是解决实时通信的云服务,主要功能是基于互联网的,接收、处理、转发和保存大流量的音视频流数据,主要用于直播、视频会议等场景;围绕直播提供了一些简单IM功能;提供demo和易用的SDK,方便不同终端快速接入;允许用户自定义采集和渲染数据源。
IM
即时通信(Instant Messaging,IM)基于 QQ 底层 IM 能力开发,仅需植入 SDK 即可轻松集成聊天、会话、群组、资料管理能力,帮助您实现文字、图片、短语音、短视频等富媒体消息收发,全面满足通信需要。
三、最佳实践
3.1 官方快速上手TRTC(快速跑通)
腾讯云音视频官方提供了一个快速上手案例,这里呢,我们使用Web项目来为大家演示一下(我在前端方面也是个小白)
3.1.1 注册腾讯云账号
首先注册腾讯云的账号,新用户有好礼相赠
!
注册链接:腾讯云
注册链接:腾讯云
注册链接:腾讯云
3.1.2 使用实时音视频(需先开通)
3.1.3 创建应用
3.1.4 查看项目(查看密钥和快速上手操作)
3.1.5 运行快速上手项目(静态页面)
在文件夹中打开Index.html文件
至此,您已成功跑通TRTC的Web快速上手项目, 同时您也可以设置好参数,将其托管到OSS存储桶中,进行测试
3.2 使用TRTC&IM构建实时互动课堂
因为疫情原因,全国的大部分老师和学生都在进行网课学习,同时在前段时间(2022年11月9日),又出现了网课入侵这种非常恶劣的事件,那么在这里,将为大家演示如何使用TRTC&IM为老师和同学构建一个线上实时互动课堂,项目由 腾讯即时通信IM团队提供
3.2.1 项目简介(trtc-education-electron)
TRTC 实时互动课堂是一款开源的在线课堂软件,支持一名教师给多名学生在线上课,一个课堂最多同时支持 300 人在线实时互动。如果开启旁路直播、CDN推流服务,可支持上万人在线观看。本软件基于腾讯云实时音视频通信(Tencent Real-Time Communication, TRTC)、腾讯云即时通信(Tencent Instant Message, TIM)、Electron、React 和 Webpack 等构建。
官方项目地址:https://github.com/TencentCloud/trtc-education-electron
GitCode项目地址(已修复TIMService.ts)Bug:https://gitcode.net/fly1574/trtc-education-electron-fixed
3.2.2 设置即时通讯IM的 Web 端可同时在线个数
IM控制台:https://console.cloud.tencent.com/im
3.2.3 构建项目(使用云服务器)
这里使用的是一台云服务器(没有摄像头、麦克风),读者们也可以根据自己的情况使用本地的win电脑直接开发
3.2.3.1 构建环境
软件 | 版本 |
---|---|
NodeJS | v16.13.1 |
git | 2.25.1 |
yarn | 1.22.15 |
vscode | 1.73.1 |
3.2.3.2 克隆代码
git clone https://github.com/TencentCloud/trtc-education-electron.git
#### 3.2.3.3 设置AppID和SK(记得保存) ```js 修改项目中的配置文件 src/main/config/generateUserSig.js ``` ![在这里插入图片描述](https://img-blog.csdnimg.cn/c4a83a43f673450c9ff47a5ed6b29764.png)
3.2.3.4 修改官方留的Bug
在运行这个demo的时候,还是出了一点bug的,到现在发现俩,也和腾讯的在线支持反馈了,他们说会更新,代码,但是博文发出时,github上的代码bug仍旧是没有修复,所以需要手动添加 .toString()
# 修改文件
# trtc-education-electron\src\renderer\core\room-core\TIMService.ts
修改该文件的186、238行左右,如下$ 修改前this.groupID = groupID;const realGroupID = groupID;
$ 修改后this.groupID = groupID.toString();const realGroupID = groupID.toString();
3.2.3.5 安装依赖
$ cd trtc-education-electron/
# 安装yarn
$ corepack enable
# 查看yarn版本
$ yarn --version
# 指定 npm 国内镜像
$ npm config set registry=https://registry.npm.taobao.org/
# 指定 Electron 的国内镜像地址
$ npm config set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
# 安装依赖
$ yarn
3.2.3.6 测试&打包
因为该云服务器没有摄像头和麦克风,这里的测试会失败,直接进行打包,然后将生成的.exe文件直接在本地电脑安装进行测试
# 如果需要先测试
$ yarn start# 直接打包
$ yarn package
3.2.4 在线课堂运行
必须先开启程序所运行主机的摄像头和麦克风权限
教师创建课堂
学生安装程序后,加入课堂
四、总结
作为一个从来没有使用过TRTC的新人,快速跑通官方的演示案例还是很轻松的;在后面的那个TRTC&IM项目trtc-education-electron实时在线课堂,还是挺简单的,不过还是很意外的帮助官方发现了俩小bug。
整体看来上手TRTC还是很快,而且拓展性很强,还有一点就是腾讯云音视频的在线技术支持团队,的确反应很快速!好的产品离不开好的技术支持!
【新知实验室 TRTCIM】实时互动课堂最佳实践相关推荐
- 基于Flink+ClickHouse构建实时游戏数据分析最佳实践
简介:本实践介绍如何快速收集海量用户行为数据,实现秒级响应的实时用户行为分析,并通过实时流计算.云数据库ClickHouse等技术进行深入挖掘和分析,得到用户特征和画像,实现个性化系统推荐服务. 直达 ...
- 多库多表场景下使用 Amazon EMR CDC 实时入湖最佳实践
一.前言CDC(Change Data Capture) 从广义上讲所有能够捕获变更数据的技术都可以称为 CDC,但本篇文章中对 CDC 的定义限定为以非侵入的方式实时捕获数据库的变更数据.例如:通过 ...
- 声网在线教育解决方案全面升级,提供8大场景+最稳实时互动课堂
7月11日,声网Agora在线教育行业实时音视频解决方案媒体沟通会在北京举办,本次沟通会以"教育未来,声网已来"为主题,向业内各大媒体展示了声网在线教育行业互动课堂解决方案8大场景 ...
- 高考之后,“学”并未止步 :Juphoon Class (菊风云课堂)上线,助力构建实时互动课堂
结束了!距离高考已经过去了两天, 高三学生即将开启崭新的大学生活, 新一批高三学生距高考也开启了倒计时. 但不论是高中生.大学生,乃至已经步入社会的人, 学习都在持续伴随我们. 互联网技术的发展, 我 ...
- 实时计算的最佳实践:基于表格存储和Blink的大数据实时计算
表格存储: 数据存储和数据消费All in one 表格存储(Table Store)是阿里云自研的NoSQL多模型数据库,提供PB级结构化数据存储.千万TPS以及毫秒级延迟的服务能力.在实时计算场景 ...
- Hudi自带工具DeltaStreamer的实时入湖最佳实践
摘要:本文介绍如何使用Hudi自带入湖工具DeltaStreamer进行数据的实时入湖. 本文分享自华为云社区<华为FusionInsight MRS实战 - Hudi实时入湖之DeltaStr ...
- 【新知实验室】实时音视频(TRTC)之初体验
一.TRTC产品简介 实时音视频(TRTC) 是腾讯云提供的一套低延时.高质量的音视频通讯服务,致力于为腾讯云客户提供稳定.可靠和低成本的音视频传输能力.您可以使用该服务快速构建"视频通话& ...
- 新知实验室 TRTC实时音视频
在日常生活中,音视频通话.直播及视频会议等诸多音视频场景已经很常见,腾讯发布的 实时音视频(Tencent RTC) 产品,基于腾讯多年来在网络与音视频技术上的深度积累,让开发者能快速上手搭建高质量的 ...
- 【新知实验室TRTC实时音视频】
TRTC是腾讯云提供的一套低延时.高质量的音视频通讯服务,致力于为腾讯云客户提供稳定.可靠和低成本的音视频传输能力.您可以使用该服务快速构建"视频通话"."在线教育&qu ...
- 华为云MRS基于Hudi和HetuEngine构建实时数据湖最佳实践
数据湖与实时数据湖是什么? 各个行业企业都在构建企业级数据湖,将企业内多种格式数据源汇聚的大数据平台,通过严格的数据权限和资源管控,将数据和算力开放给各种使用者.一份数据支持多种分析,是数据湖最大的特 ...
最新文章
- SELECT中常用的子查询操作
- AES加密 — 详解
- BZOJ 4817: [Sdoi2017]树点涂色
- 上传附件删除、session清空问题
- 马斯克脑机接口_如何看待“马斯克:脑机接口或一年内植入人脑,可修复任何大脑问题”?...
- ospf配置方法及相关问题
- 音视频编解码:NVIDIA Jetson Linux Multimedia API(总结)
- OpenOffice.org 2.0已经发布了。
- poj 2392 Space Elevator 二进制拆包多重背包
- Pytorch BatchNorm
- java树广度优先_如何在功能上生成树广度优先 . (使用Haskell)
- 如何由网址查找IP地址
- 终于把所有的Python库,都整理出来啦
- 【线性代数】行列式和矩阵的关系
- 【格式化文档】ISO27001控制措施+ISO27002实施指南 【上】
- “百度杯”CTF比赛 九月场--web Upload
- 美图秀秀自动化测试工程师笔试面试
- php ar技术,vr和ar是什么技术,有什么区别
- 法拉第PK特斯拉,美产与国产谁能取胜?
- 程序化自动生成视频实现Youtube掘金
热门文章
- 科技云报道:用户信息泄露事件频现,数据安全建设该如何升级?
- macOSX下格式化外接固态硬盘
- 俄亥俄州立大学计算机专业排名,OSU的Computer Science and Engineering「俄亥俄州立大学计算机科学与工程系」...
- 计算机专业硕士在职联考,计算机在职研究生可以选择一月联考的方式吗
- 视觉惯性里程计 综述 VIO Visual Inertial Odometry msckf ROVIO ssf msf okvis ORB-VINS VINS-Mono gtsam
- 水星路由器登录界面找不到服务器,新版水星(Mercurey)路由器后台登陆界面打不开怎么办?...
- 教程|Word/WPS永久更改默认背景颜色
- Githut Token (hidden): Githut 安装验证
- 深度学习用于图像超分辨率重建综述——超分辨率(一)
- Python学习之波形图