Tutorials

This topic includes a set of tutorials for building a sample LiveSwitch online conference app using .NET, Android, iOS, and TypeScript. To make things easier, we've set up a GitHub repository that contains the project code and all the UI components for our tutorials, so that you can focus on your learning on LiveSwitch's SDK and API. We've commented out the code for UI components that aren't needed for the first tutorial. In subsequent tutorials, we instruct you to uncomment them.

Note

For information on building apps using Java, .NET MAUI, Unity or macOS, refer to the Developer Guides.

Hello World

Hello World! is the first tutorial that teaches you how to set up your development environment, create an application, perform token-based authentication, and register a client. This is to make sure that you have everything you need and everything works.

Unregister and Reregister

Unregister and Reregister is the second tutorial. Those are optional but nice-to-have features for your app. This tutorial teaches you how to clean up resources when a client leaves and how to reregister a client who disconnects.

Handle Media

Handle Media is the third tutorial of our Getting Started guide. It walks you through the steps of creating Local Media and Remote Media for streaming. They're the main building blocks for any online meeting.

Stream Media

From there, you can move on to create an app to stream media using either the SFU or the MCU connection.

graph LR h(Hello World)-->u(Reregister and Unregister)--> l--> r-->s(SFU) r-->m(MCU) subgraph handle[Handle Media] l[Local Media] r[Remote Media] end subgraph stream[Stream Media] s m end classDef default fill: #D8EFF9,stroke:#86CBEE; style handle fill:transparent,stroke:#AAADB4,stroke-width:2px; style stream fill:transparent,stroke:#AAADB4,stroke-width:2px;

Once you finish building the app, you can stop there and start experimenting based on our documentation and examples, or you can move on to the subsequent tutorials to learn how to add some functionalities to your app, such as sharing a screen or sending text messages.

We'll only show you how to add those functionalities to your SFU connection conference app. However, you can add them to your MCU connection app in a similar way. Those functionalities are independent. You can add any of them to your SFU app, or you can add them one by one according to the order in the tutorial.

graph LR s(SFU)-->m(Mute Streams) -->screen(Share Screen) screen-->d(Change Devices)-->t(Text Chat) t-->f(Transfer Files)-->b(Broadcast) s-.->screen s-.->t s-.->d s-.->b classDef default fill: #D8EFF9,stroke:#86CBEE;

Let's get started