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

Programmable Video posts

  • By Nathalia Velez Ryan
    HIPAA-Compliant Video Conferencing HIPAA video

    In 2020, when so many aspects of life moved to virtual spaces, we became more reliant on online tools like video conferencing than ever before. Video conferencing has proven to be an effective way to engage customers in all kinds of industries and has particular staying power in healthcare.

    Telehealth has become an increasingly popular option for patients and providers to connect virtually—a big priority in the midst of a global pandemic. One of the biggest concerns when it comes to virtual communication is data security, which is especially vital in the healthcare industry due to the handling of sensitive data. That’s where HIPAA comes in.

    The Health Insurance Portability and Accountability Act (HIPAA), signed into law in 1996, aims to provide security and data privacy protections in the healthcare industry. Any covered entities and business associates that process patient data, known as protected health information or personal health information …

    Read More
  • By Lizzie Siegle
    Detect Objects in a Serverless Twilio Video App with TensorFlow.js header-tf-obj-det

    Object detection is a computer vision technique for locating instances of objects in media such as images or videos. This machine learning (ML) method can be applied to many areas of computer vision, like image retrieval, security, surveillance, automated vehicle systems and machine inspection. Read on to learn how to detect objects in a Twilio Programmable Video application using TensorFlow.js.

    object detection gif

    Setup

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

    Download this GitHub repo and then create a file named .env in the top-level directory with the following contents, replacing the XXXXX placeholders with the values that apply …

    Read More
  • By Ashley Boucher
    ReactとTwilio Programmable Videoでカスタムビデオチャットアプリを作成する ReactとTwilio Programmable Videoで作成するカスタムビデオチャットアプリ

    この記事はTwilio Developer VoicesチームのAshley Boucherこちらで公開した記事(英語)を日本語化したものです。

    このチュートリアルでは、ReactとTwilio Programmable Videoを使用してグループビデオチャット用のWebアプリケーションを作成します。ビデオチャットは友人や家族、同僚とのコミュニケーションに大変便利なツールです。それでは、以下にカスタムビデオチャットアプリを作成する基本手順を紹介します。

    必要条件

    作成するアプリケーションは2つのパートで構成されています。

    1. React.jsのフロントエンド
    2. 任意の言語・プラットフォームで作成されたバックエンド。

    バックエンドはアクセストークンの生成に使用し、ユーザーに権限を付与します。フロントエンドはTwilio Programmable Video JavaScript SDKを使用してビデオチャットロジックを処理します。バックエンドの作成は本稿では説明しませんが、Node.jsユーザー向けにブログ記事「Twilio Functionsを使ってTwilio Chat、Video、Voice用のアクセストークンを生成する」で詳しく説明しています。

    クライアントの作成

    Reactアプリをクローンする

    プログラムの …

    Read More
  • By Sean Coleman
    Twilio Video Reactアプリケーションで短時間でチャット対応ビデオアプリを開発する Twilio Video Reactアプリケーションで短時間でチャット対応ビデオアプリを開発する

    この記事はProgrammable VideoチームのプロジェクトマネージャーのSean Colemanこちらで公開した記事(英語)を日本語化したものです。

    Twilioは昨年、開発者がProgrammable Videoをわずか5分以内に立ち上げ、動作させることのできるTwilio Video Reactアプリケーションをリリースしました。そしてこのたび、このReactアプリケーションにチャット機能を新たに追加しました。この機能では、通常のチャットとファイルの送受信ができます。

    このオープンソースのReactJSアプリケーションは、開発の足掛かりとして利用するにも、信頼できるソースとして参照するにも役立ちます。加えて、今回の機能追加により、ビデオアプリケーションへのチャット機能の追加を短時間で行えるようになりました。

    この投稿では、エンドユーザーがビデオアプリケーションを利用するにあたり、チャットが重要なコミュニケーションチャネルである理由、新機能の概要、新機能の実装に使用されている仕組み(Conversations API)について説明します。

    ビデオアプリケーションにチャットを追加する理由

    ビデオアプリケーションでは、ユーザーが不明点をメッセージで質問する、過去の話題について後で質問する、関連リンクを共有するなど、話し手を邪魔することなくコミュニケーションをとりたいときにチャットが役に立ちます。

    さらに、チャットを活用して以下のようなメリットを実現するビデオソリューションも増えてきています。

    • インクルーシビティの推進: 参加者がより快適にコミュ …
    Read More
  • By Luís Leão
    Crie um app de chat por vídeo com JavaScript, Vue.js e Programmable Video Crie um app de chat por vídeo com JavaScript, Vue.js e Programmable Video

    Vue.js é uma estrutura JavaScript poderosa e acessível que se concentra na criação de interfaces de usuário. Gosto do Vue porque ele se adapta com facilidade. Neste artigo, mostrarei como criar um aplicativo de chat por vídeo usando Vue.js e o Twilio Programmable Video. No app, os participantes fornecerão um nome de usuário para obter acesso ao app de chat e, em seguida, ingressarão em uma sala (à esquerda da captura de tela abaixo) para iniciar o chat.

    Aqui está uma prévia do que vamos criar:

    GIF com animação da tela funcional do exemplo que vamos desenvolver.

    Pré-requisitos

    O conhecimento básico dos itens a seguir será útil, mas não é necessário ter um amplo conhecimento:

    Antes de continuar, verifique se o Node.js está instalado no sistema.

    Obter chaves de API da Twilio

    A primeira etapa para usar o bate-papo do Twilio Programmable Video é obter um access token (token de acesso). A Twilio …

    Read More
  • By Oluyemi Olususi
    Créer un chat vidéo de groupe avec Symfony, PHP, Twilio et React.js Créer un chat vidéo de groupe avec Symfony, PHP, Twilio et React.js

    Si les actualités et les statistiques actuelles sur le télétravail sont un indicateur de l'avenir, il est évident que le travail à domicile va progressivement devenir la nouvelle norme pour les employés du monde entier, y compris de nombreuses entreprises technologiques. Bien que la définition d'une communication efficace puisse varier d'une entreprise à une autre, l'une des façons les plus prometteuses d'améliorer la productivité et de maintenir le contact au sein de votre équipe consiste à utiliser la visioconférence ou le chat.

    Ce tutoriel vous guidera sur la création d'une application de chat en visioconférence à l'aide de Symfony, React.js et Twilio Programmable Video. L'application de chat vidéo permettra aux utilisateurs de se connecter et de participer à un salon de chat prédéfini.

    Conditions préalables

    Pour participer à ce tutoriel, vous aurez besoin des éléments suivants :

    Read More
  • By Miguel Grinberg
    JavaScriptとTwilio Programmable Videoによる画面共有 Screen Sharing with JavaSCript and Twilio Programmable Video

    この記事はMiguel Grinbergこちら(英語)て執筆した記事を日本語化したものです。

    Twilio Programmable Videoを用いてWebRTC規格に基づき、カスタマイズされたビデオチャットアプリケーションを構築することができます。この記事では、JavaScriptで構築されたブラウザベースのProgrammable Videoアプリケーションに、画面共有オプションを追加する方法をご紹介します。

    Screen Sharing on Twilio Video

    チュートリアルの要件

    このチュートリアルでは、以前の入門チュートリアルにおいてJavaScriptとPythonで構築したビデオチャットアプリケーションに、画面共有機能を追加します。このアプリケーションをお使いのコンピューターで実行するには、以下の要件を満たす必要があります。

    • Python 3.6以降。お使いのオペレーティングシステムにPythonインタープリターがない場合には、python.orgから、インストーラをダウンロードしてください。
    • 無料または有料のTwilioアカウント。Twilioを使用するのが初めての場合には、今すぐ無料アカウントを取得してください。このリンクを使用すると、アップグレード時に$10受け取ることができます。
    • Twilio Programmable Video JavaScriptライブラリと互換性を持つWebブラウザ(以下のリストを参照)。この要件は、このアプリケーションの構築後、招待されて利用するユーザーにも適用されます。

    サポートされるWebブラウザ

    このプロジェクトの中心となるビデオとオーディオの …

    Read More
  • By David Pine
    Build a Video Chat App with ASP.NET Core 5.0, Angular 11, and Twilio Programmable Video Build a Video Chat App with ASP.NET Core 5.0, Angular 11, and Twilio Programmable Video

    Realtime user interaction is a great way to enhance the communication and collaboration capabilities of a web application. Video chat is an obvious choice for sales, customer support, and education sites, but is it practical to implement? If you’re developing with Angular on the frontend and ASP.NET Core for your server, Twilio Programmable Video enables you to efficiently add robust video chat to your application.

    This post will show you how to create a running video chat application using the Twilio JavaScript SDK in your Angular single page application (SPA) and the Twilio SDK for C# and .NET in your ASP.NET Core server code. You’ll build the interactions required to create and join video chat rooms, and publish and subscribe to participant audio and video tracks.

    To learn how to build the same app with previous language and framework versions, see these posts:

    Read More
  • By Jamie Corkhill
    Adding Dominant Speaker Detection for Twilio Programmable Video with TypeScript speakerdetection.png

    In this article, you’ll learn to use TypeScript and Twilio Programmable Video to build a video chatting application with a dominant speaker display. You’ll use an existing base project making use of the Twilio Programmable Video JavaScript SDK (for front-end video) and the Twilio Node Helper Library (for back-end authentication) and retrofit it to support dominant speaker detection.

    This article is a continuation of my last one, Add Muting and Unmuting Capability to your Twilio Programmable Video App with TypeScript, and it will build off the “adding-mute-unmute” branch of this GitHub Repository. To see the final code, visit the “adding-dominant-speaker-detection” branch.

    Twilio Programmable Video is a suite of tools for building real-time video apps that scale as you grow, from free 1:1 chats with WebRTC to larger group rooms with many participants. You can sign up for a free Twilio account to get started …

    Read More
  • By Jamie Corkhill
    Add Muting and Unmuting to Your Twilio Programmable Video App with TypeScript mutingtypescript.png

    In this article, you’ll learn to use TypeScript and Twilio Programmable Video to build a video chatting application with muting and unmuting controls. You’ll use an existing base project making use of the Twilio Client Library (for front-end video) and the Twilio Server Library (for back-end authentication) and retrofit it to support muting and unmuting.

    This article is an extension of my last article, Get Started with Twilio Programmable Video Authentication and Identity using TypeScript, and will build off the “adding-token-server” branch of this GitHub Repository. To see the final code, visit the “adding-mute-unmute” branch.

    Twilio Programmable Video is a suite of tools for building real-time video apps that scale as you grow, from free 1:1 chats with WebRTC to larger group rooms with many participants. You can sign up for a free Twilio account to get started using Programmable Video.

    TypeScript is an …

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