May 2022 Summaries

This article discusses how to create a Webex clone using the 100ms JavaScript SDK. The process involves installing dependencies, setting up an account on the 100ms dashboard, defining roles and permissions for participants, and coding various components such as Lobby.js, App.js, VideoTile.js, ConferenceRoom.js, and ControlSection.js to handle user authentication, video conferencing, screen sharing, and meeting controls. The final result is a functional Webex-like application that enables real-time audio-video interactions between participants.

Virtual classrooms have become increasingly popular since the pandemic, with many advantages such as accessibility for students in remote areas and the ability to record lessons. The perception of virtual learning has also changed, with courses from websites like Udemy now considered legitimate by prospective employers. Live online classes allow teachers to focus on what's truly important and cut out irrelevant issues like delays caused by traffic or unfavorable weather. Additionally, a live stream can be recorded, which is helpful not just to students who may be absent for some reason but also to anyone who may want to revisit the same class for better comprehension of the subject. The advantages brought to the table by live online classes are numerous and far-reaching, greatly enriching the educational experience for all parties involved.

In this blog post, we learn how to build a simple one-to-one video chat application using Python, React, and WebRTC. The author guides us through the process of creating a signaling server with Flask-SocketIO in Python, which is used for exchanging information between peers before establishing a direct connection. They then move on to building a client app with React.js for two peers to connect on a video chat. The post also discusses Interactive Connectivity Establishment (ICE), a protocol that generates media traversal candidates by conducting connectivity checks, and how it helps establish connections between peers. Finally, the author explains how to make the app work outside of localhost using STUN/TURN servers.

This article provides a step-by-step guide on how to build a Google Meet clone in Flutter using the 100ms SDK. The tutorial covers setting up the project, creating the UI for the home screen and meeting screen, handling user permissions, configuring video and audio settings, and managing room joining and leaving functionalities. The author uses various packages such as hmssdk_flutter, permission_handler, http, provider, draggable_widget, and cupertino_icons to build the app. The final result is a Google Meet clone that supports video conferencing for Android, iOS, web, and Windows devices.

This article discusses how to create a Google Classroom clone with React and the 100ms SDK. The 100ms platform allows for easy integration of video and audio conferencing into applications, providing APIs and SDKs that can be used on both client and server-side applications. Key terms such as Room, Role, Track, and Peer are defined before diving into the tutorial. The tutorial covers setting up a 100ms account, installing the React SDK, creating roles, building a room, developing a collaborative whiteboard, and using hmsAction and hmsStore hooks to start building the clone. The final Google Classroom clone should include features such as video and screen share toggle buttons, video and screen tiles, chat section, and leave button.

This tutorial discusses the development of a telehealth clone app with video and audio communication features using Flutter and the 100ms SDK. The process involves creating an app on the 100ms dashboard, setting up roles for users (doctor and patient), and integrating the 100ms SDK into the Flutter application to enable video/audio conferencing and messaging features. The final project is available on Github.