Skip to main content

Introduction

During this tutorial we will learn how to create a videoconferencing application using NPM packages. We will show how to use its basic features, such as microphone mute and camera mute and how to share the screen.

The NPM packages is a group of TypeScript libraries that communicate with Pexip Infinity and are used to join and manage conferences. In this case we will use React, but you could use any JavaScript/Typescript framework.

During this tutorial you will learn how to use the basic libraries, but we have a lot more. You can use the @pexip/components to use our React buttons and panels, the @pexip/media-components to use our advance React components for selecting the camera and microphone, or even test if they are working properly, or @pexip/media-processor to apply background blur or background replacement to your video. But we have a lot more to discover. Check the API documentation to get a list of all of them.

Requirements​

Before starting any of these lessons, you will need the following prerequisites:

  • NodeJS and npm: You need to install these tools on your system. There are packages for any OS and normally you would install both together.
  • Text editor: You can use whatever you want, although our recommendation is to use Visual Studio Code.
  • Browser: You will need a browser with WebRTC support. The recommendation is to use the latest version of Google Chrome.
  • JavaScript and React knowledge: You will need solid JavaScript knowledge if you want to take advantage of these tutorials. Having some knowledge of React is recommended, but not essential.
  • Access to a Pexip Infinity deployment: This is the server that the app will use to connect. You could have your own Pexip Infinity deployment or access a demo environment. If you have any doubt about this, contact your Pexip representative.

Example app: Source code​

During these lessons we will talk about some code snippets that were used to build the example app. The example app source code can be found in the GitHub repository.

Feel free to fork the project and experiment.

Tutorials journey​

You can start with any lesson you want, although is recommended to start from the beginning to understand how all the pieces fit together.

And without further delay, let's start this journey!