No ano passado, a Twilio lançou aplicativos de vídeo de implantação rápida para que os desenvolvedores se familiarizassem com o Programmable Video em até cinco minutos. Hoje, temos o prazer de anunciar a mais recente melhoria do aplicativo ReactJS de open source: suporte a bate-papo pronto para uso para mensagens em texto e em arquivos.

Não importa se você está usando o aplicativo como ponto de partida ou como referência canônica durante o desenvolvimento, ao adicionar esse recurso ao aplicativo ReactJS de open source, esperamos acelerar o desenvolvimento à medida que queira criar um bate-papo na sua experiência de vídeo.

Em primeiro lugar, esta publicação mostra por que o bate-papo é um canal valioso para a experiência de vídeo do usuário final, depois apresenta o novo recurso e analisa o que usamos para desenvolver (alerta de spoiler: utilizamos a própria Conversations API da Twilio).

O bate-papo na experiência de vídeo oferece um canal útil para os usuários enviarem mensagens explicativas, perguntas da lista de pendências, compartilharem links relevantes e muito mais, sem interromper o palestrante.

Além disso, estamos vendo cada vez mais soluções de vídeo utilizarem o bate-papo para:

Não importa o seu caso de uso ou setor, uma solução de bate-papo personalizada dentro da sua experiência de vídeo pode ser um canal de comunicação valioso para seus usuários.

O aplicativo de implantação rápida ReactJS da Twilio foca o caso de uso de colaboração e a nova experiência de bate-papo leva esta questão em consideração. Depois de instalar o aplicativo ReactJS atualizado, você verá um botão de bate-papo na barra de menu que permite que os usuários finais compartilhem mensagens de texto ou anexos de arquivo para todos os participantes.

As interações de bate-papo têm a duração da chamada, o que significa que os usuários ainda terão acesso ao histórico de bate-papo se forem adicionados à chamada com atraso e precisarem se atualizar do conteúdo, serem desconectados ou precisarem sair por um momento e reingressar posteriormente.

Os componentes do aplicativo ReactJS, incluindo aqueles apresentados na janela de bate-papo, aproveitam a biblioteca MaterialUI, o que facilita o estilo, o tema e a personalização das IUs para seus usuários.

O novo recurso foi criado usando a API Conversations da Twilio, nossa API de última geração para bate-papo e mensagens entre canais. Na nossa implementação, o histórico de bate-papo é acessível a todos os usuários finais durante toda a chamada, mas a API Conversations oferece a você a flexibilidade de gerenciar participantes e buscar o histórico de mensagens da forma que achar adequada.

Este aplicativo de exemplo é apenas um ponto de partida para o que você pode fazer com a API Conversations. Veja alguns exemplos de como você pode ampliar o caso de uso além do aplicativo ReactJS:

Confira o novo recurso de bate-papo em execução e comece a compartilhar mensagens de texto, links ou arquivos relevantes para os colegas de equipe em poucos minutos. Os aplicativos de implantação rápida do Twilio Video utilizam o plugin do RTC da CLI da Twilio atualizado recentemente para incluir a lógica do lado do servidor necessária para que os participantes se conectem a uma conversa ao ingressar em uma sala. É possível começar a usar o aplicativo ReactJS depois de acessar o arquivo README ou instalar o aplicativo seguindo essas sete etapas:

Pronto! Agora você já pode usar seu próprio aplicativo de colaboração por vídeo com suporte para bate-papo em texto e arquivo. Desenvolvemos este aplicativo para servir de referência ou ponto de partida conforme avança no crescimento de sua jornada com o Programmable Video da Twilio. Se tiver dúvidas ou ideias sobre como podemos melhorar essa experiência, seu feedback é muito bem-vindo!