August 17 afternoon, from real-time audio and video to the interactive PPT | GDG x RTC developer community joint offline Meetup held successfully. This event is a collaboration between the RTC Developer community and the GDG community. More than 180 students signed up to participate in the event. With the enthusiastic sharing of teachers and active interaction of students, a fruitful afternoon was ended. Let’s review the activities with the passage.

Hosted by Stevn, the organizer of the event, the small partners made a brief introduction to each other on the scene. They all expressed their excitement with a further understanding of WebRTC technology and the idea of learning this technology to combine their own products and applications. Don’t worry if you are not here. Next, let’s get to the point and review the wonderful sharing of teachers.

The content of

UCloud front-end senior architect Li Festival did “WebRTC client development practice” share.

WebRTC1.0 was officially released in 2017. Then introduced the WebRTC architecture, a detailed introduction of API Stream and RTCPeetConnection methods and the role of the method.

WebRTC has the characteristics of real-time, browser support, free and convenient. Finally, the implementation process of URTC and the interactive process of WebRTC are introduced based on the actual case of flow chart.

Mr. Lu Yuchun, senior WebRTC front-end engineer of Sound Network, shared “Node.js+WebRTC: The Way of WebRTC Server Application”.

First of all, Teacher Lu vividly said what WebRTC is: connecting from one person to another. Then, detailed introduction of sound network Node.js+WebRTC application: WebRTC+N-API, its principle, and browser differences. Finally, through several practical application cases, let everyone truly feel the application scenarios combining Nodejs and WebRTC, such as migration of cloud games, recording and real-time audio and video processing such as face recognition, beauty, stickers, voice changes, etc.

Zhang Li, director of Netless PPT rendering engine, shared “React Implement Interactive Dynamic PowerPoint”.

First of all, Mr. Zhang introduced the value and significance of making interactive dynamic PPT, and why we should do one thing — to spread the existing valuable PPT content. Then, Teacher Zhang wonderful summary of a hands-on interactive dynamic PPT process, technology selection, technology implementation, etc., in the process of sharing, sharing an interesting PPT animation 6 laws, 7 laws… The technology of X’s law enables continuous negation of the process of innovation. It also gives an in-depth introduction to animation architecture.

The web – the CDN. Agora. IO/what / 2 x…

Finally, let the friends on the scene experience a dynamic interactive PPT in real time.

Good questions

Q: how many people does WebRTC client currently support? What is the support for each browser?

A: The number of support is determined according to the server they build. At present, mainstream large classes support thousands of users (real-time communication). WebRTC official has launched a PLUG-IN JS, the mainstream browser basic support, but some attributes may not support.

Q :(professor lu yuchun) what tools are available for delay in WebRTC? Does sonnet have any solutions to delay?

A: The global real-time audio and video delay of Sonnet is 76ms. Sonnet makes real-time statistics for each process, puts them in a data system, and checks and solves problems such as delay through the reported data.

Q :(teacher zhang) is animation based on Canvas? Interactive engine Netless? Will it be open source?

A: Animation is based on SVG. The interactive engine will be open source when the solution matures.

Live highlights

After reviewing the wonderful sharing of teachers, let’s take a look at the wonderful interaction and activity photos! Let’s enjoy this great afternoon together. Welcome more friends to study.

Data download

Course all materials: rtcdeveloper.com/t/topic/156…