Anunciando a versão 1.4.1 do aplicativo de referência do Vonage Video

Introdução

Estamos anunciando as versões 1.4.0 e 1.4.1 do Video Reference Application of Vonage for React (Web VERA). Essas atualizações introduzem testes de rede pré-chamada, uma interface redesenhada, controles de Push-to-Talk e melhorias de estabilidade para ajudá-lo a desenvolver aplicativos de vídeo baseados em WebRTC com mais eficiência.

Testes de rede antes da chamada

O teste de rede antes da chamada agora está integrado diretamente à sala de espera, resolvendo um desafio comum no desenvolvimento de aplicativos de Video.

Antes de participar de uma chamada, os usuários podem testar a qualidade da conexão, a largura de banda e o hardware. O teste fornece um feedback claro sobre a qualidade esperada da chamada por meio do Índice Médio de Opinião (MOS) e verifica a compatibilidade com resoluções de até 1080p. Essa abordagem ajuda a identificar problemas antes que eles afetem a experiência da chamada, reduzindo a carga de trabalho do suporte e aumentando a confiança dos usuários.

A implementação utiliza o biblioteca @vonage/video-client-network-test e inclui a funcionalidade de interromper e tentar novamente, permitindo que os usuários testem novamente sua conexão sem sair da página.

Modernização completa da interface do usuário

A versão 1.4.0 traz uma renovação visual em todo o aplicativo, incluindo a página inicial, a sala de espera, a sala de reunião e as telas de despedida.

A reformulação inclui um sistema de tokens semânticos para garantir a consistência do tema, facilitando a personalização de cores, espaçamento e tipografia. Além disso, adiciona um seletor de idioma ao cabeçalho, aprimora as interfaces de seleção de dispositivos e melhora a responsividade em telas de todos os tamanhos.

Essas atualizações melhoram a acessibilidade e oferecem uma base mais sólida para a criação de experiências de Video personalizadas.

Funcionalidade “Push-to-Talk”

O recurso “Push-to-Talk” já está disponível na barra de ferramentas, permitindo que os usuários controlem o áudio mantendo o botão pressionado. Esse recurso é especialmente útil para reuniões grandes, próximas ao limite de 25 participantes, webinars e situações em que é importante controlar a participação por áudio.

A implementação demonstra como criar padrões personalizados de controle de áudio que se integram à funcionalidade de silenciamento existente, preservando o estado do usuário.

Filtragem da lista de participantes

Agora é mais rápido localizar participantes em chamadas com muitos participantes, graças à pesquisa e à filtragem em tempo real. Os usuários podem digitar um nome para filtrar a lista de participantes, e a lista é atualizada à medida que os participantes entram ou saem da chamada.

Melhorias na arquitetura

O Web VERA agora utiliza uma estrutura monorepo do Nx, permitindo compilações mais rápidas por meio de cache inteligente e gerenciamento aprimorado de dependências. Essa mudança aumenta a modularidade e melhora a experiência geral do desenvolvedor, com melhores ferramentas e infraestrutura de testes.

Melhorias de estabilidade na versão 1.4.1

A versão 1.4.1 tem como foco a estabilidade e a compatibilidade entre navegadores.

Reestruturação do gerenciamento de dispositivos

O gerenciamento de dispositivos foi reformulado com o uso de hooks unificados que fornecem uma única fonte de verdade para o estado do dispositivo. As preferências agora são salvas automaticamente no localStorage, e a arquitetura atualizada resolve os problemas de tempo limite relatados anteriormente.

Compatibilidade com o Firefox

Corrigimos problemas que afetavam a visualização de Video no Firefox, incluindo a exibição de Video em branco na sala de espera.

Melhorias na versão móvel

Melhoria no comportamento de rolagem e na capacidade de resposta em diversos tamanhos de janela de visualização em dispositivos móveis.

Comece agora

Pronto para experimentar a versão mais recente? Você tem duas opções:

Clone e execute localmente:

git clone https://github.com/Vonage/vonage-video-react-app.git
cd vonage-video-react-app
yarn install && yarn dev

Para obter instruções completas de configuração, consulte o guia de introdução. Você também pode consultar a lista completa de alterações nas notas de lançamento da versão 1.4.0 e notas de lançamento da versão 1.4.1 no GitHub.

Conclusão

O Web VERA continua a apresentar modelos prontos para produção destinados à criação de aplicativos de vídeo com a Video API da Vonage. Essas atualizações facilitam a validação das condições da rede, melhoram a comunicação com o recurso Push-to-Talk e proporcionam uma experiência do usuário mais refinada e acessível.