只需三步,技术大咖教你如何快速搭建在线教育互动课堂

阅读数:42 2019 年 10 月 29 日 15:11

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

随着在线教育覆盖面的增加,互动课堂授课方式正在向多样化发展,为了适应新形式的发展,腾讯视频云推出了全平台覆盖的互动课堂解决方案。为客户打通了直播、实时音视频、点播、存储、白板、IM、AI 等多个业务场景,提供了全方位的 paas 层能力。尤其是得益于小程序和 H5 的快捷性,互动课堂解决方案更是在需要快速体验课程的场景下具有独到优势。

大家下午好,我叫郭卓惺,是腾讯云互动课堂的负责人,在腾讯一直负责音视频相关的业务。之前做过互动直播,并与新东方等教育机构有一些技术上的交流。今天我将从以下几点讲讲互动课堂的方案,首先讲在线教育需求原型,然后讲一下腾讯给出的互动课堂方案,接下来讲一下音视频能力和白板、文档能力,最后讲一下怎么样用我们的解决方案进行快速上手。

腾讯云互动课堂框架

首先讲一下市场需求原型。因为我是技术人员,所以我只简单列举了一下市场上教育的原型,如点播类的教学,说简单点就是录一段视频,通过一个平台或者一个网站进行分享。我们觉得这种方案有不好的地方,它缺乏互动,没有实时性。而现在比较好的 1V1 教学和小班教学,通过直播的方式去扩散,推到各个教室或者各个学生端,直接实时进行互动。还有纯直播类型的万人公开课,类似于秀场直播一样,老师在上面讲,把流全部推出去,这种互动性少一点,但是要求覆盖率和稳定性比较高。去年双师课堂比较火,但双师课堂在技术上来讲跟 1V1 和小班教学是一个类型的,实际上它是两路流,在技术上来说并不是一个新技术。我讲的是云端技术,并不是硬件,硬件肯定要搭很多东西。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

简单来讲,教师端将音视频能力快速推到各个地方的学生,允许一路学生把自己的视频流跟老师进行互动,这就是简单的 1V1 教学。如果是小班教学和双师课堂,教师也需要看到所有学生的视频流,这就是腾讯云现在所提供的能力。我们举个案例,很多人需要有课件,系统需要把课件分享到各个端,将 PPT 转成图片进行分享。这些原型完了之后,腾讯云主要提供的是三个能力,实时音视频互动能力、白板文档能力和消息的能力。除了这三个之外,还需要回放,就是将一节课的内容记录下了,录成一个 MP4 或者其他的音视频类型,后期学习、评估。除了这三个大方向之外,还涉及到技术点有很多,包括白板、存储、直播、混流、录制等能力,我们把这些能力抽出来,给客户提供一个完整的解决方案。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

音视频能力 TRTC

音视频这块,做在线教育,肯定是希望将教师讲课的内容迅速推到各个端,所以音视频互动的能力是最重要的。简单来说,老师端通过 SDK,将流导入腾讯云后台。音视频的数据流导到各个学生端,快速将内容分享出去。腾讯云最近刚刚推出来的针对互动教育的一个 SDK,这个 SDK 就是拥有了音视频能力和白板能力,以及录制回放的能力。如果你是一家做在线教育的公司,你现在做的事情就是绿色的部分,绿色的就是你现在要做的事情,蓝色的是腾讯已经提供的能力,您拿了这个 SDK 以后,就会有音视频能力、白板能力、录制视频能力。你推到腾讯云,腾讯云帮你做扩散。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

重点介绍一下音视频能力。我们最早起源于 QQ 多人语音视频,它服务了 12 亿分钟,服务了 300 家客户。实时音视频是最早针对教育行业的,因为它端对端的延迟比较低,连麦延迟也比较低。它有三大特点,第一是稳定,它已经经过了 QQ 的考验了,也把能力开放出去服务了这么多客户,它很稳定。第二,快。现在我得到的数据,从视频的预处理到编码、传输,通过极速模式加速推出去,到学生端看的数据最快可以达到 200 毫秒左右。三,全平台覆盖,我们是腾讯,天然支持小程序、H5。

这是我们开放出来之后支持的客户,包括快手的连麦,包括自己内部的客户、外部的客户、做教育的客户。强调一下实时音视频的快区别于其他家的快。第一,它是私有协议,而不是传统的推流协议,而是私有 UDP 协议。第二,我们自建的核心网络,我们有 1200 多个节点,200 多个海外节点。第三,因为我们是私有协议,为了把这个流快速分享给微信,分享给标准协议,我们做了一套转码系统,可以兼容 H5 和小程序。这是传统做直播需要用到的协议,有 RTMP、HLS,它们都是基于 TCP,所以它们有一个特点比较慢,不太适合做强互动的内容。我们改进后的协议差不多是 200 毫秒的延迟左右,现在走 DC 直联的话,现在通过加速链路的话会非常快。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

我们使用的是 UDP 的协议,它有没有弊端?必然有的。TCP 是最稳定的协议,丢包之后会大量重传,而 UDP 并没有这个机制,丢包就丢包了。所以如果没有 QoS 质量保证,音视频没有办法听,丢了大量的数据,对面收的数据是不完整的。我们在腾讯云内部做了很多事情,首先我们做了 FECW 前置校准,也就是在发送端先冗余了一些包,如果接收端发现丢包了,可以通过冗余的包,通过差分算法,将丢失的包补出来,我不需要重新请请求一次,让他把包发过来,这样避免重传。为了质量稳定性。所以我们在 UDP 的基础上,补做了丢包重传的机制。

然后是信源的保证。一个音视频的帧是由 I 帧和 P 帧构成的,它送到编码器之后,是从 I 帧、P 帧送给编码器,形成一系列的视频动作。传统的做法有一个巨大的弊端,其中一个 P 帧丢了,后面的 P 帧没有办法用了,因为这个 P 帧是参考前面的 P 帧。如果这一帧丢了,后面所有帧都没有用。我们做了一下改进,做了好几个 SP 帧,所以单纯的一个 SP 帧是参考前置的 SP 帧。如果一个 SP 帧丢了,是没有影响的。后面是参考新的 SP 帧。所以这个对抗丢包性,做了大大的加强。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

当你在网络不好的情况下,服务器会自动降低帧率,调整自己的发动策略。通过我们的流动策略,通过 RDT 协议,上传到 CDN。接收端也一样,通过 CDN 扩到最近的一个节点,传到的学生端,做延迟修正,做编码解码和渲染。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

为了保证客户端达到足够快的策略,我们做了很多工作。我们最核心突出的是目前快。但其他方面我们还做了自适应网络抖动,当您的下行丢包率超过 65% 的时候,我们保证声音是基本稳定的。上行丢包 35% 也同样如此。我们支持 25fps、720p 的配置。我们有首帧秒开功能,是指我们在最近的服务器上面缓存了上次的数据,你再进的时候,会拉到上次的画面,让你感觉到第一画面不是黑屏。

我们还做了一些避免拥塞的策略,可以保证自己的流能够稳定地向外输出。我们做了很多跟质量相关的监控,可以实时看到当前用户的音频质量、视频质量、丢包率、CPU 等信息。现在我们来讲讲的是我们搭建的核心节点的框架。腾讯云这边的音视频是按照两种结构走的,DC 代表核心节点,OC 是边缘节点。所以 DC 一般部署在离三大运营商近的地方,它的连通率是 4 个 9,而 OC 差一点,一般只有 2 个 9。所以标准的直播链路是这样走,先走最近 OC,然后再走 DC,然后通过跟相关的 DC 值连,然后再通过边缘节点扩散。这样的话链路非常长。我们现在做的加速链路,上行的 UDP 的包,直接找到最近的 OC,然后直通光纤,这样速度会节省很多。在互动课堂这块最重要的就是互动的延时比较多,很多在做在线教育的时候,传统的问题延迟太大了。讲课都讲了两三秒了,你才能看到,很难做互动。视频和白板数据是挺快的,你给学生说,答一下现在白板的题。你的声音还没有过去,白板的数据已经过去,完全不同步,他可能还没想到问题,这是一个完全不同步的状态。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

在视频互动这块,A 的主播刚刚通过保证上行流量的情况下直联到 B,B 的连麦用户,也是直联到 A。但是 B 是连麦观众,优先级并没有 B 这么高,仅仅能保证音频。为了兼容分发,如果你是观众,你看他们两个聊天,同时去拉这两路流过来,这样你的带宽成本很高。所以我们做了云端混流,我们腾讯云内部实时把这两路流混成一个标准协议,你可以拉出来,只有一路流的方式。所有观众就可以通过一路流来看他们两个人的聊天。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

这是一个老师通过学生端,在腾讯云互动课堂上的解决方案。老师推流到腾讯云,腾讯云首先做了一个 Upload 集群,转码,转成标准协议,然后再 CDN 扩散。若不走转码,可以直接走点播系统。为了简化设置,我们开发了一套 web 配置页面,比如你要配置它的码率、分辨率、帧率,都可以控制。这就是实时音视频的解决方案。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

小程序 vs WebRTC

小程序这块音视频技术我们天然支持,小程序在腾讯云内部走的协议是 RTP 协议,webrtc 走的协议是 H5,H5 走的协议是 RPCP。我们的协议用的是 UDP,所以我们在腾讯云内部,实际上已经做好了转码。因为房间内的转码,就是房间内的权限、管理、状态,腾讯已经做好了对两个标准协议的支持。虽然是直联协议,但是您可以把直联协议分享给微信,也可以分享给 H5。我们的音视频质量相对而言,比较稳定,抗丢包率超过了 30%,抗 800 毫秒的网络抖动,支持百万级的超大规模的房间,支持千万级的并发,现在是全平台覆盖。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

白板与文档

白板和文档现在是独立的模块,也就是跟音视频没有关系的。它走的是暗的通道,白板是画一些坐标点,如是 TTP,它把先 TTP 转到腾讯云上面,把文档上传上去,腾讯云给你转码成图片列表,再加上你画的线、涂鸦数据,直接在通道进行传送。这个消息通道也是腾讯云内部提供的,可以分享到通道内部的所有人。为了避免后进的人没有数据,我们把数据保存到腾讯云,后进人的数据可以直接通过腾讯云直接拉取历史数据。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

我们的白板不仅支持力度是涂鸦、文档,提供一个独立的通道,也支持回放。刚刚刘总问我们白板和音视频有没有混在一起?目前我们在做这个事情,但是离正式商用还是需要大家在等待一段时间。一个 PPT,我可以把 PPT 每页转成一个图片,再分享出去。教师端主要的流程是采集、编码、序列化,采集的点进行压缩,通过消息通道发送出去。而学生端则是解压、解码、反序列化。这块采集的点是坐标点,所以我们的 JDI 相对而言比较大,我们需要做一定程度上的压缩。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

其实做白板这块有很多技术上的问题,第一个是大小屏幕不一样,因为有些用 PC,有些用平板。还有单笔的连贯性,就是你画的时候,那边不同步走。还有乱序的问题,因为数据传输过程中有乱序,所以我们要做乱序重排的方案。还有文档预览,只有白板这块是没有意义的,要把文档传递出去才有意义。最重要的,如果你们自己有白板,你接别人的音视频,你怎么确保视频和音频的同步呢?所以实时性的保证也是很关键的。我做了坐标规划解决第一个问题,我们取的坐标点并不是绝对点,而是所有点我们都做了相对于左上中心点角的坐标规划,如果它是 X 轴,就除以它的宽度、除以 1 万,Y 轴也是一样。所有的屏幕都是 16:9。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

为了达到连贯效果,这边画一笔出去之后,如果画很长时间不松笔,你平移,UP 事件是抬起来的。之前我们的做法在于 UP 的时候把采集的数据往外发。这样会导致,第一你的数据点过大,你的解压和压缩、对数据通道的承压能力有挑战。因为画很长的过程中,对方看不到,你只有松开对方才能看到,所以我们做了很多处理。我们当时把这个事件发出去,平移的过程中,采集平移的数据点进行压缩,定时发送。所以您基本上可以看到是一个实时的过程,我这边画一点,那边可以看到画一点。这边的采集的时间定时差不多 200 毫秒左右。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

同步性。我画的时候,你也在画,那白板怎么处理呢?我们可以支持三五个人同时画。我们的处理很简单,所有的数据到了先缓存,缓存收到之后并不立刻画,还是有一个定时的机制。所以数据来了先存缓存,存完缓存之后定时去拉去,就会展示的跟所有人数据都是同步的,同时我们也把数据传一份到腾讯云。

文档。文档是借助于内部腾讯云的转码,就是 COS,COS 本质工作把东西传上去。它提供了一个所有文档的转码,当我们把文档上传到 COS,COS 会通知前助处理,告诉前助处理通知转码服务进行转码。转码之后,它会拉这边的 PPT,进行 PPT 的转码,然后再写回一个 COS。下面有流程,上传 PPT、通知 SCF,转码服务。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

学生注意力检测

这是我们针对教育行业学生注意力的检测,这也是一个预研的方案,现在还没有推出来。我们会采集学生的特征点,根据特征的算法,去判断他有没有看屏幕。所有的数据搜集到注意力曲线进行判断,判断这个学生对这门课的判断是如何。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

快速上手

最后讲一下快速上手,只需要三步。第一步,开通腾讯云的服务,拿到钥匙。第二,集成 TICSDK。第三,业务后台接入腾讯云服务。把这两者结合一下,打造你自己的在线教育课堂,因为每个人的需求是不一样的,但这是一个技术。

拿到 SDK 以后,四到五步,就可以把画面和互动的东西描述出来。首先是登录,然后创建一个课堂,加入一个课堂。让对方打开摄像头,连麦过来,你把流推出去,进行一些涂鸦,最后是退出课堂。

只需三步,技术大咖教你如何快速搭建在线教育互动课堂

这是一个比较简化的解决方案。我们把音视频推给腾讯云,腾讯云帮你做转码和文档的转码和一些录制。把流推给对应的学生端。业务方需要取得录制文件,直接调热接口,这是一个简化图,真实情况还要复杂。

现在 SDK 整合了好几个能力,这是音视频能力、消息能力、白板能力和文档转码能力,蓝色部分是我们提供的。绿色的是现在要去解决的,首先要看怎么拿到钥匙,然后是课堂管理。我们其实是不管课堂的,我们只有一个小群组,我们不维护课堂。然后布局、登录等等,这样事情要做。

本文转载自公众号云加社区(ID:QcloudCommunity)。

原文链接:

https://mp.weixin.qq.com/s/093uOHofVu2Nf2N4f1DUjw

评论

发布