Level up your Twilio API skills in TwilioQuest, an educational game for Mac, Windows, and Linux. Download Now
Build the future of communications.
Start building for free

Video posts

  • By Tilde Thurium
    Building a telemedicine waiting room with Twilio Video Building a telemedicine waiting room with Twilio Video

    Telemedicine is rapidly changing the healthcare industry. COVID-19 concerns aside, being able to see a doctor’s face without having to commute is a game changer.

    Twilio Video allows developers to craft HIPAA-compliant telemedicine solutions that are fully under your control and tailored to your patients’ needs. Today I’ll show you how to make a telemedicine app using Twilio Video that lets you show a “virtual waiting room” where the patient can hang out until their doctor arrives. For the sake of simplicity, let’s build the front end in vanilla JS without a framework.

    At a high level, here’s the steps we’ll be following:

    • Set up a back end to control access to the application
    • Set up basic front end scaffolding
    • Build the provider experience
    • Build the patient experience

    Screenshot of a telemedicine app. The text says "Welcome to Owl Hospital Telemedicine" and there are 2 smiling, real live people video chatting.

    For impatient types who want to skip straight to the code, the whole project is on GitHub.

    Prerequisites

    • A developer environment …
    Read More
  • By Miguel Grinberg
    Screen Sharing with JavaScript and Twilio Programmable Video Screen Sharing with JavaScript and Twilio Programmable Video

    The Twilio Programmable Video API allows you to build customized video chat applications on top of the WebRTC standard. In this article, I’m going to show you how to add a screen sharing option to a browser-based Programmable Video application built in JavaScript.

    Screen sharing demo

    Tutorial requirements

    In this tutorial we are going to add a screen sharing feature to the video chat application built with JavaScript and Python on a previous introductory tutorial. To run this application on your computer you need the following requirements:

    • Python 3.6 or newer. If your operating system does not provide a Python interpreter, you can go to python.org to download an installer.
    • A free or paid Twilio account. If you are new to Twilio get your free account now! This link will give you $10 when you upgrade.
    • A web browser that is compatible with the Twilio Programmable Video JavaScript library (see below …
    Read More
  • By Donal Toomey
    Best Practices for Twilio Video on Mobile Browsers Best Practices for Twilio Video on Mobile Browsers

    Over the last few months, we have seen a surge in interest from developers building video communication web apps for mobile devices. We have worked closely with customers to overcome obstacles inherent in using video in the browser on a mobile device. Based on these experiences, we've compiled a list of best practices so you can avoid the pitfalls and deliver great video experiences in mobile browsers.

    Mobile Browser Challenges

    A  web app running in a mobile phone web browser is the quickest and easiest way to get into a video call. Just click on the web link from a text message or email and you can be in a video call on your phone in seconds - no app install required.

    However, there are some challenges unique to mobile browsers that do not exist with their desktop counterparts. The top gotchas that often catch developers out are:

    • Another tab …
    Read More
  • By Lizzie Siegle
    Pose Detection in Twilio Video with TensorFlow.js Detect Poses TensorFlow.js header

    Pose detection is one fun and interesting task in computer vision and machine learning. In a video chat, it could be used to detect if someone is touching their face, falling asleep, performing a yoga pose correctly, and so much more! 

    Read on to learn how to perform pose detection in the browser of a Twilio Video chat application using TensorFlow.js and the PoseNet model.

    Join Room.png

    Setup

    To build a Twilio Programmable Video application, we will need:

    Follow this post to get setup with a starter Twilio Video app and to understand Twilio Video for JavaScript a bit more, or download this repo and follow the …

    Read More
  • By Lizzie Siegle
    Build a Video App with JavaScript and the Twilio CLI in 9 Minutes cover pic

    With many of us now working remote, video chats are so in right now. Here’s how to get up-and-running with a video chat room in nine minutes using Twilio Programmable Video and the Twilio Serverless Toolkit in JavaScript.

    Nupur test video

    Setup

    To build a Twilio Programmable Video application, we will need:

    Save your API Keys somewhere to use them soon and then install the Twilio Serverless Toolkit via the Twilio CLI if you haven't already by running

    twilio plugins:install @t …
    Read More
  • By Kelley Robinson
    Secure your video conference with one-time passcodes How to protect your video conference with one-time passcodes

    As we dutifully practice social distancing, live video conferencing is increasingly popular. From company meetings to yoga classes and magic shows, traditional in person events are going virtual. But while technology connects us, it also comes with privacy and security risks.

    This post will show you how to add one-time passcode authentication on top of your Twilio Video application to ensure that only registered users are able to access the conference.

    While passwords may help protect against war dialing, they don't guarantee that the people joining the video conference should be allowed to participate. A lot of people are still widely sharing Zoom meeting IDs and passwords.

    One-time passcode authentication is useful for gating:

    • Paid content like workout classes, political fundraisers, or live dating shows.
    • Sensitive content with an access control list (ACL)

    This tutorial will walk you through adding Twilio Verify SMS verification to …

    Read More
  • By Miguel Grinberg
    Build a Video Chat Application with Python, JavaScript and Twilio Programmable Video Build a Video Chat Application with Python, JavaScript and Twilio Programmable Video

    The efforts to limit the spread of COVID-19 around the world have forced a large number of people to work from home and this has naturally created a surge in interest for communication and collaboration tools.

    In this article we are going to look at a video conferencing solution, but instead of turning to a third-party system we are going to take the do-it-yourself approach and build our own. Our system is going to run on modern desktop and mobile web browsers, so participants will not need to download or install any software on their computers. The server-side portion of the project is going to use Python and the Flask framework, and the client-side is going to be built in vanilla JavaScript, with some HTML and CSS sprinkled in the mix for good measure.

    If you are worried that this is going to be a long, difficult and obscure tutorial …

    Read More
  • By Phil Nash
    How to add an overlay to your web video chat How to add an overlay to your web video chat

    When building a video chat, Twilio Video provides you with the SDKs and APIs to build video apps that connect your users. However, it is un-opinionated about your interface. With a bit of CSS, we can create effects to make your video chat stand out.

    In this post we'll see how to overlay items like a logo or a user's name over a video. Over the course of the post, we'll turn a plain video into something that looks like this:

    An animation of me on video in my webcam, above me my name appears and to the bottom right a watermark saying "Powered by Twilio" shows.

    Getting started

    To create these effects we won't build an entire video chat. Instead, we'll take the Twilio Video library and use it to get the camera and put it on the page as if it was a video chat – then style that video.

    Create three new files in the same directory to write this application in: index.html, script.js and style.css. Open index.html and fill in …

    Read More
  • By Luis Lopez
    Announcing increased flexibility and control with Twilio Video Recordings Announcing increased flexibility and control with Twilio Video Recordings

    In these unprecedented times, having face to face communications over video can bring people together. While real-time communications provide immediate connections, there are times when you may want to revisit the conversation or catch up on a meeting you missed. When it comes to recordings, Twilio Video provides flexibility and control to developers and businesses.

    Today, we are excited to announce a major update for Video Recordings with the general availability of four features:

    • Video Compositions API: provides developers the flexibility to compose the media files of a Room recording into a high-quality, custom layout that matches their specific use case.
    • Composition Hooks API: allows developers to streamline the recording workflow and ensure the right Recording Composition is created for every Room
    • Public Key Encryption for Recordings & Compositions: for enhanced security, we are offering Enterprise edition customers the ability to encrypt recordings and compositions with a …
    Read More
  • By Aaron Alaniz
    Erstellen einer eigenen Video-Kollaborations-App Überschrift im Bild Erstellen einer eigenen Video-Kollaborations-App

    Erstellen Sie Ihre eigene Video-Kollaborations-App in unter fünf Minuten

    Wir freuen uns, heute bekannt zu geben, dass wir drei Anwendungen für die Video-Kollaboration zur Verfügung stellen, eine für iOS, eine für Android und eine für ReactJS für das Web. Unabhängig davon, ob Sie eine Lösung für das Gesundheitswesen, das Bildungswesen oder eine allgemeine Video-Kollaborationslösung entwickeln, können diese Anwendungen die Entwicklung beschleunigen, indem sie Ihnen eine voll funktionsfähige Videoanwendung zur Verfügung stellen, die in wenigen Minuten in der Cloud bereitgestellt werden kann. Darüber hinaus bieten sie eine kanonische Referenz für Entwickler, die ihre Kommunikationslösungen entwickeln, indem sie die programmierbaren Videofunktionen vorstellen. Diese Anwendungen sind heute auf Github unter der Apache 2.0-Lizenz verfügbar:

    Wir bei Twilio bemühen uns um den Aufbau einer zuverlässigen, erweiterbaren Plattform, damit unsere Kunden in ihren Anwendungen qualitativ hochwertige Kommunikationserlebnisse aufbauen können. Unsere Video-SDKs stellen die API-Bausteine für Mobil- …

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