Build the future of communications.
Start Building for Free

Video posts

  • By Miguel Grinberg
    Cambie el fondo de sus videollamadas con la librería Processors de Twilio Video twilio-video-processor-header

    El reemplazo del fondo y el desenfoque es una gran función que ofrecen los principales actores del espacio de videoconferencia, especialmente apreciada por quienes se han visto obligados a improvisar un espacio de trabajo en sus hogares como consecuencia de las medidas de cuarentena y permanencia en casa, aplicadas para combatir la propagación del COVID-19.

    Esta función llega ahora al producto de Twilio Programmable Video a través de la librería JavaScript de Processors de Twilio Video. En este breve tutorial, aprenderá a agregar filtros de procesamiento de video a una secuencia de video capturada por su navegador web.

    Demostración de efectos de fondo

    Requisitos previos

    En el momento en que escribo este artículo, la librería Processors de video solo funciona en Chrome, por lo que deberá usar este navegador. Puede comprobar la lista actual de navegadores compatibles en la documentación para verificar si hay actualizaciones.

    La aplicación de ejemplo que va a crear como …

    Read More
  • By Sarah Stringer
    Build vs. Buy: An Architect's Guide to Video & WebRTC Build vs. Buy: An Architect's Guide to Video & WebRTC

    The last few years have dramatically shifted the world of video. While this channel was steadily growing in popularity before 2020, the pandemic accelerated its growth as organizations scrambled to find new ways to bring employees and customers together. In fact, business and video conferencing apps experienced record downloads as people moved online to stay connected during lockdowns.

    But even as restrictions ease, video has proved it’s here to stay. Customers now expect virtual, face-to-face interaction with their favorite brands and rely upon video to stay informed, remain connected, and do their jobs.

    Behind these shifting customer expectations and boost in adoption is the Web Real-Time Communication (WebRTC) standard. WebRTC lowers the barrier to entry for video, providing teams a standard way to implement impactful video across a wide variety of browsers and platforms. But even with this standardization, implementing WebRTC can be a challenge. In fact, if your business …

    Read More
  • By Donal Toomey
    What is Twilio Live? What is Twilio Live

    There is no way around it: attending in-person events is both time-intensive and costly. In our current economic and health climate, we are all reassessing how to maximize experiences.

    While live in-person events were more popular in the past, consumers are now embracing live virtual events - with 65% of consumers reporting that virtual events are more convenient. Because virtual events are still in the early stages of popularity and innovation, brands have the unique opportunity to engage audiences in a compelling way. That’s why we built Twilio Live!

    Twilio Live provides the API toolkits to build the customized live streaming experiences necessary to reimagine the virtual event experience.

    Interactive Live Streaming

    Twilio Live is an API platform that delivers interactive live streaming experiences to audiences across the globe. According to Encoding.com, traditional streaming technologies typically have latencies (or time delays) of 30 seconds to 2 minutes. High …

    Read More
  • By Lauren Pearson
    Read it Now: How to Build Virtual Experiences How to Build Virtual Experiences

    Did you know Barry’s Bootcamp saw a 6x increase in their membership rate after building a virtual fitness experience? It's clear that consumers reward brands when they can engage them virtually, but it's not always easy to get it right.

    In the last three years, digital leaders quickly shifted to the virtual and digital-first landscape, offering helpful experiences that connect their consumers to their services. However, in Twilio’s 2022 State of Customer Engagement Report there is a disconnect in how well businesses perceive these experiences and how their customers actually feel.

    According to the report, 75% of companies think they’re providing good personalized experiences. But, more than half of consumers disagree. There’s a gap here that business leaders and product teams must address.

    Build better virtual experiences

    For tech and product leaders, it’s key that these engagements are built as thoughtfully as possible. In our newest eBook, How to …

    Read More
  • By Dainyl Cua
    Create a Video App with SolidJS, Express, and Twilio Video Header

    SolidJS is an emerging JavaScript framework with a 90% user satisfaction rate according to the State of JS 2021 survey. With a similar code structure to React, developers can feel at home with this new framework and integrate Twilio Video into their applications in a similar manner.

    In this tutorial, you will be building both a backend server that generates Twilio Video access tokens and connects to Twilio Video rooms, and a frontend application that shares the audio and video of every participant in a room.

    Prerequisites

    To build this video app, you will need the following:

    • A free or paid Twilio account. If you are new to Twilio, click here to sign up for a free Twilio account and get a $10 credit when you upgrade!
    • Node.js (v16+) and npm

    Setting up your developer environment

    To get started, open your terminal window and navigate to the directory …

    Read More
  • By Donal Toomey
    複数ユーザーで構成されるビデオセッションのユーザー体験を最適化する Improve the Efficiency of Your Multi-Party Video Experiences JP

    この記事はDonal Toomeyこちらで公開した記事(英語)を日本語化したものです。

    教育、社会交流、職場のコラボレーションなどのシナリオでは、誰もが会話に参加するために、複数ユーザーでも円滑に動作する優れたビデオ環境が不可欠です。その必要性や価値は明らかですが、ブラウザーやモバイルデバイス向けの、複数ユーザー対応の高性能なビデオアプリケーションの構築は困難です。構築するビデオUIは、直感的であるとともに、ユーザーが使用するデバイスやネットワークの種類を問わず優れたビデオ体験を提供する必要があります。

    2019年、Twilioはネットワーク帯域幅プロフィールAPIを導入しました。このAPIは、ユースケースに基づき帯域幅を特定の参加者に割り当てるのに役立ちます。今回Twilioでは、ネットワーク帯域幅プロフィールAPIの機能強化版をリリースしました。機能強化版では、帯域幅とCPUの両方について、複数ユーザー利用を意識した効率的なビデオアプリケーションの構築を支援します。この効率性により、ユーザーのコンピューターのファンがうるさく回転する状況がなくなり、ビデオ品質は向上し、開発者サポートの負担が軽減されます。その他のアップデート項目として、ビデオトラックのスイッチオフのきめ細かい制御や、ユニークなレイアウトの作成が可能となっています。本稿では、ネットワーク帯域幅プロフィールAPIの機能強化版を使用する利点と、その使用例をご紹介します。

    CPUリソースと …

    Read More
  • 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 Miguel Grinberg
    How to Play Video Files in a Twilio Video Call How to Play Video Files in a Twilio Video Call

    A common need in video calling applications is to allow a user to play a media file for the other participants in the call. This can enable, for example, a teacher or doctor to share a recording with the call attendees.

    In this article I will show you how a participant in a Twilio Video call can share video and audio content in formats such as mp4 or webm.

    The MediaStream API

    The JavaScript version of the Twilio Video SDK uses existing APIs in the browser to obtain access to the camera and microphone. More specifically, it uses the MediaDevices.getUserMedia() function to access MediaStream objects for these devices, which expose the raw video and audio tracks that are then published to the video call.

    But the MediaStream APIs cover much more than webcams and microphones and can be used to obtain MediaStream objects from other sources. For example, the …

    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 Nathalia Velez Ryan
    Video Call Integration on Different Platforms video call integration.png

    You probably don’t need us to tell you how prevalent video calls have become. After all, you’ve likely relied on this communication channel recently, whether it’s for a work meeting or a personal matter.

    Video was already on the rise before the pandemic: between 2017 and 2019, video communication usage increased by 48%. But in the first 2 months of the pandemic, the video conferencing market increased by 500%. After this widespread adoption, many industries realized how useful video really is, and it’s here to stay.

    While some of us started to dread video calls at the height of the pandemic, we can’t deny the benefits across industries. Businesses now use video for all types of communications, including sales calls, healthcare consultations, education, recruiting and hiring, and live-event streaming—and it’s clear why.

    Third-party video conference platforms are handy for remote work and internal communications. But when it comes …

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