RTC Dev Meetup 回顾 | 从 WebRTC 音视频到可交互的动态 PowerPoint

avatar
@声网

8月17日下午,从实时音视频到可交互 PPT | GDG x RTC 开发者社区联合线下 Meetup圆满举办。这次活动是 RTC 开发者社区和 GDG 社区联合举办。有超过 180 位小伙伴报名参与,在老师热情的分享中,小伙伴的踊跃互动中,结束了一个满满收获的下午时光。接下来让我们一起跟着文章回顾一下活动。

由活动组织者 Stevn 主持,小伙伴们现场进行了短暂的互相认识介绍,大家抱着对 WebRTC 技术更进一步了解,以及想学习这种技术来结合自己的产品应用等等想法,纷纷表达了自己的激动之情。没有来现场的小伙伴也别担心,接下来,让我们进入正题,回顾老师们的精彩分享。

内容集锦

UCloud 前端资深架构师李喜庆做了《WebRTC客户端开发实践》分享。

首先介绍了WebRTC的前世今生,WebRTC1.0正式发布于2017年。然后介绍了WebRTC的架构,详细的介绍了API里Stream和RTCPeetConnection有关方法以及方法的作用等。

WebRTC具有实时性、浏览器支持、免费方便等特点。最后,结合流程图实际案例,介绍了URTC的实现流程以及WebRTC的交互流程。

声网高级WebRTC前端工程师陆禹淳老师带来了《Node.js+WebRTC:WebRTC的服务端应用之路》的分享。

首先,陆老师形象地说了什么是WebRTC:从一个人连接到另一个人。然后,详细的介绍了声网Node.js+WebRTC的应用:WebRTC+N-API,其原理,与浏览器的差别。最后,通过几个实际的应用案例,让大家真实的感受Nodejs+WebRTC结合的应用场景,例如:类似云游戏的迁移,做录制以及做类似人脸识别、美颜、贴纸、变声等的实时音视频处理等。

Netless PPT渲染引擎负责人张黎老师带来了《React实现可交互动态PowerPoint》的分享。

首先,张老师介绍了做可交互动态PPT的价值和意义所在,为什么要去做件事-去将已有有价值的PPT内容传播出来。然后,张老师很精彩的概括了一个动手做可交互动态PPT的过程,技术选型,技术实现等,在分享实现过程中,分享了一个有趣的PPT动画6定律,7定律...X定律的技术实现不断否定创新的过程。也深刻的介绍了动画架构。

web-cdn.agora.io/original/2X…

最后,让现场的小伙伴们都实时的现场体验了一把动态可交互PPT。

精彩提问

:(李喜庆老师)WebRTC客户端目前支持多少人?各个浏览器支持如何?

:支持人数是根据自己搭建的服务器判定的,目前主流大班课支持几千几万用户(实时通信);WebRTC官方有推出JS的一个插件,对主流浏览器基本支持,只是有些属性可能不支持。

:(陆禹淳老师)对于WebRTC中的延迟有什么可提供的工具,声网有那些解决延迟的方案吗?

:声网的实时音视频全球延迟在76ms,声网在对每一段过程会做实时统计,放在一个数据系统里,通过上报的数据来检查解决延迟等问题。

:(张老师)动画是基于Canvas画的吗?互动引擎Netless?会开源吗?

:动画基于SVG实现的,互动引擎等到方案成熟后会开源的。

现场精彩瞬间

回顾了老师们精彩的分享,接下来也来一起看看现场精彩的互动和活动照片吧!一起感受这个不错的下午吧。也欢迎更多的小伙伴来学习。

资料下载

课程所有资料:rtcdeveloper.com/t/topic/156…