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.

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 …

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 …

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 …

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 …

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

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

CPUリソースと …

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 …

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 …

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 …