Build the future of communications.
Start building for free
  • By Mia Adjei
    Add a Raise Hand Feature to Your Video Application Add a Raise Hand Feature to Your Video Application

    If you have participated in a video chat before, it's likely that you have seen or heard of the raise hand feature. This feature allows participants to raise their hand during the call to let the host know that they need something or would like to come off mute and speak aloud. Wouldn't it be cool if your video application had this feature as well?

    In this tutorial, you will learn how to add a raise hand feature to a Twilio Video application using the DataTrack API, which allows participants to send low-latency messages to the other people on the call. With the click of a button, you will be able to raise or lower your hand, and this raised hand will show in the UI.

    Let's get started!

    Prerequisites

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to …
    Read More
  • By Mia Adjei
    Host Video Office Hours with SMS Notifications using Python and Twilio Host Video Office Hours with SMS Notifications using Python and Twilio

    When you think of "office hours", what comes to mind? Perhaps you imagine a professor who has set aside time for students to stop by their office to ask for advice or receive guidance. Or maybe you imagine a business leader who creates space on their calendar for colleagues and direct reports to ask questions or share their ideas.

    With the rise of virtual and hybrid environments, many people have taken their office hours online, and video chat provides a great way to have face-to-face conversations without needing to be in the same physical location.

    In this tutorial, you will learn how to build a virtual office hours application that allows you to create a new, named video room with a customized timeout window and receive an SMS notification when a participant joins the room. For this project, you will use Python and Flask, along with a bit of …

    Read More
  • By Mia Adjei
    How to Remove a Participant From a Twilio Video Call How to Remove a Participant From a Twilio Video Call

    With so much of today's communication happening over video chat, people hosting meetings want to have some level of control over who is attending that meeting. For example, if a participant is being disruptive, the host will want a way to remove that person from the call.

    Thankfully, Twilio Video provides an easy way to remove a participant with a single API call. In this tutorial, you will learn how to add a host panel to a video chat application that will display participants' names and allow you to remove them from the call at the click of a button.

    While this tutorial will not go into user roles and management, it may be helpful to keep these in mind, as you will likely want a way to distinguish between users who should have permissions to manage other users and users who should not be granted those privileges.

    Let's get …

    Read More
  • By Mia Adjei
    Add a Volume Slider to Your Livestream App Add a Volume Slider to Your Livestream App

    If you've had a chance to try out my previous video livestreaming tutorial, you might already know how to build your own Twilio Live video streaming application with experiences for both the streamer and the audience.

    In the starter project, however, the audience members do not yet have a way to control the volume of the livestream they are listening to from the UI of your application. This quick tutorial will build on the previous one, showing you how to add a volume slider to the audience side of your application.

    Let's get started!

    Prerequisites

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to a paid account!)
    • Node.js v14+ and npm installed on your machine.
    • ngrok
    • The code from the previous tutorial. Clone the repository here and follow the steps in README.md to get set up.

    Add an input …

    Read More
  • By Mia Adjei
    Build an Audio Livestream App with Twilio Live Build an Audio Livestream App with Twilio Live

    The amount of online audio content and livestreams is increasing every day. More and more, people are tuning into audio for news, music, fitness, study, and entertainment. So if you have been thinking about creating something in the audio space, maybe you have considered building your own live audio application.

    Perhaps you've already explored Twilio Live to livestream your video feed or create a live screen share. But did you know you can use Twilio Live to create an audio-only experience as well?

    In this tutorial, you will learn how to build an audio livestream application with Twilio Live and React, and then deploy it using Twilio Functions and the Twilio Serverless Toolkit. This will allow you to start sharing your live audio with your friends and community right away. In this project, you'll also use the Twilio Paste design system to quickly build and style your …

    Read More
  • By Mia Adjei
    Build a Livestreaming Application with Twilio Live and Express Build a Livestreaming Application with Twilio Live and Express

    Twilio Live is finally here! If you have ever wanted to build your own livestreaming application, now is your chance.

    In this tutorial, you will learn how to build a livestreaming application and share your live video feed with your friends, followers, and maybe even the world. For this project, you'll be using Node.js and Express to build the server side of the application, and vanilla JavaScript on the client side.

    Let's get started!

    Prerequisites

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to a paid account!)
    • Node.js v14+ and npm installed on your machine.
    • ngrok

    What you will build

    In this tutorial, you will be creating an application that allows a person to livestream video and audio from their device to people who have the link to the stream. The Express server you'll build will handle both the streamer …

    Read More
  • By Mia Adjei
    Share a File over a WebRTC Data Channel with Twilio Video Share a File over a WebRTC Data Channel with Twilio Video

    When you're taking part in a video conversation, sometimes you have files you want to share with the other people on the call so that everyone can take a look. This is a great way to collaborate with your friends or colleagues when you're not in the same room or looking at the same screen.

    In this tutorial, you'll build a video application with JavaScript and learn how to use the Twilio Video DataTrack API to share a file over WebRTC with the other participants on the call.

    Follow along below step by step, or if you're interested in skipping ahead to take a look at the code, visit the project repository on GitHub here.

    Let's get started!

    Prerequisites

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to a paid account!)
    • Node.js v14+ and npm installed on your machine. …
    Read More
  • By Mia Adjei
    Build a Free 1:1 Video Chat Application with Twilio WebRTC Go and Ruby Build a Free 1:1 Video Chat Application with Twilio WebRTC Go and Ruby

    Have you ever wished you could build a video chat application to talk to a friend, family member, or colleague one-on-one? With Twilio WebRTC Go, you can build your own video application where two participants can video chat for free.

    In this tutorial, you will learn how to build a 1:1 video chat application with Ruby and JavaScript, and set it up to run on ngrok so you can chat with a friend. The application will consist of two parts: a vanilla JavaScript client-side application that will allow you to connect to a video room, and a Ruby/Sinatra server that will grant Access Tokens for the participants in the video chat.

    If you would like to skip ahead and take a look at the code, check out the project repository on GitHub here.

    Let's get started!

    Prerequisites

    • A free Twilio account. (If you register here, you'll receive …
    Read More
  • By Mia Adjei
    Launch Emoji Reaction Confetti in Your Twilio Video Chat with JavaScript Launch Emoji Reaction Confetti in Your Twilio Video Chat with JavaScript

    Have you ever used social media apps where you can react to someone's video by launching emoji reaction confetti? Sometimes you don't necessarily have a comment you want to share, but you do want to respond with a smile, a thumbs up, or a heart to show how you feel about what your friend is saying.

    In this tutorial, you'll build a video application where participants can react to each other by launching emoji confetti. Participants will be able to see the emoji reactions that other people on the call are sharing, as well as share their own emoji reaction. This application will use the Twilio Video DataTrack API to share which emoji a participant has selected.

    Let's get started!

    Video chat between two yellow rubber ducks. Emoji confetti fly across part of the UI.

    Prerequisites

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to a paid account!)
    • Node.js v14+ and npm installed on your …
    Read More
  • By Mia Adjei
    Invite Collaborators to a Twilio Video Chat Using the Google Calendar API and JavaScript Invite Collaborators to a Twilio Video Chat Using the Google Calendar API and JavaScript

    Have you ever attended an online video meeting that you were able to join via a link inside a calendar invitation? With the increase in people working and socializing from home, these kinds of calendar invitations have gotten a lot more popular in the last year.

    In this tutorial, you will learn how to build an application that allows you to create Google Calendar events programmatically, with a link to a deployed Twilio Video app in their description. This will allow users to click the link and join the video call easily. You will get a chance to learn about the Google Calendar API, as well as build a JavaScript application with React and Express.

    First, you'll get set up creating a new Google Cloud project. Then, you'll create a React + Express application to interact with the Google Calendar API. Finally, you'll deploy your Twilio Video application and …

    Read More
  • Newer
    Older
    Sign up and start building
    Not ready yet? Talk to an expert.