Apresentamos o aplicativo de referência de código aberto da Video API da Vonage para React

Temos o prazer de anunciar o lançamento do Aplicativo de Referência da Video API da Vonage para React 1.0, um aplicativo de referência React de código aberto e full-stack, projetado para orientar desenvolvedores sobre as melhores práticas para criar experiências transformadoras usando o Vonage Client SDK. O aplicativo de referência traz diversas otimizações para videochamadas com vários participantes, apresentando implementações práticas de nossos recursos mais populares, incluindo suporte integrado para interações entre vários participantes e uma experiência aprimorada na sala de pré-reunião.

Lançado sob a Licença Apache 2.0, este projeto oferece liberdade para adaptar, ampliar e distribuir o código, proporcionando a você as ferramentas necessárias para explorar novas possibilidades no campo da comunicação por Video.

Teste os recursos da Video API da Vonage mais rapidamente

Desenvolver soluções de vídeo confiáveis, escaláveis e fáceis de usar continua sendo um desafio. O aplicativo de referência da Video API da Vonage para React elimina esses obstáculos, oferecendo um aplicativo pronto para implantação que prioriza a facilidade de uso e a inovação. Você pode ver como todas as partes funcionam juntas em um aplicativo completo e explorar o repositório do GitHub quando quiser saber mais sobre um recurso.

Principais recursos

1. Aplicativo React Full-Stack: Desenvolvida com o popular React, o aplicativo fornece um código de referência. Ele demonstra as melhores práticas para adicionar Video a um aplicativo React, desde o back-end em Node.js até um front-end moderno e adaptável escrito em React. 

2. Chamadas de vídeo com vários participantes: Gerenciamento de layout e transmissão que se adapta automaticamente de chamadas 1:1 para chamadas com vários participantes, à medida que os participantes entram e saem, compartilham telas etc.

3. Qualidade da chamada de vídeo: As otimizações de qualidade atualizam dinamicamente a resolução do stream, a taxa de quadros e os tamanhos de renderização para proporcionar uma experiência de chamada ideal.

4. Sala de pré-reunião: Dê confiança aos usuários antes de participarem de uma reunião, permitindo que verifiquem e configurem suas câmeras, microfones e conexão de rede.

5. Recursos durante a reunião: Adicione facilmente a lista de participantes, compartilhamento de tela, gravação (até FHD), detecção de quem está falando, reações com emojis e muito mais.

6. Gravação de Video e download de arquivos: Capture vídeos de alta qualidade em resolução padrão e até Full HD, e permita que os usuários baixem arquivos com facilidade para acesso offline.

7. Opções flexíveis de implantação: Implemente o aplicativo de referência de forma integrada no ambiente local para obter maior controle e conformidade, ou aproveite a opção de implantação com um clique por meio do Vonage Code Hub para experimentá-lo.

8. Código aberto com licença Apache 2.0: Lançado sob a licença Apache 2.0, o aplicativo pode ser personalizado de acordo com as necessidades de cada desenvolvedor, mantendo a propriedade de suas inovações.

Entenda a Video API da Vonage mais rapidamente

Desenvolvemos esta aplicação de referência para que você possa se beneficiar dela, independentemente de em que etapa do seu processo de desenvolvimento você se encontre. Esta aplicação é destinada a:

• Inovadores que desejam experimentar tecnologias de Video.

• Empreendedores que desenvolvem soluções integradas e baseadas em Video para seus clientes.

• Desenvolvedores corporativos que buscam aprimorar ferramentas internas ou agregar novo valor por meio de produtos voltados para o cliente.

Desenvolvido com o Client SDK do Vonage Video Web Client, você pode usar o aplicativo de referência para conhecer nossas práticas recomendadas para trabalhar com aplicativos do lado do cliente. O aplicativo de referência também aproveita o Vonage Video Node SDK para acelerar seu desenvolvimento também no back-end. Você pode ver como implementar muitas das interfaces de gerenciamento do lado do servidor de que seu aplicativo precisa.

Pronto para uso assim que sai da caixa

O aplicativo de referência da Video API da Vonage foi projetado para ser o mais intuitivo possível, de modo que que você possa começar a usá-la o mais rápido possível.

Joining or Creating a RoomRoom view with multiple participantsO aplicativo Reference já vem com suporte para mensagens, permitindo que você troque mensagens e links diretamente da interface.

Chat history expandedVocê também pode demonstrar sua participação usando emojis com as imagens de feedback mais comuns!

Emoji's supported in the Reference App

Como começar

O aplicativo de referência de vídeo da Vonage para React foi desenvolvido para que você possa acessar um aplicativo em funcionamento o mais rápido possível. Ele pode ser executado de várias maneiras, dependendo das suas necessidades.

Se você quiser experimentar o aplicativo de referência hoje mesmo, sem precisar instalar nada, acesse CodeHub.

1. Clique em “Implantar código". 

2. Clique no botão “Implantar nova instância”.

3. Será solicitada uma configuração. Dê um nome a ela e, em seguida, selecione “Vonage” na opção “Ambiente de vídeo”. Você pode deixar os campos “Chave de API” e “Segredo” em branco, pois eles se referem a usuários existentes do OpenTok.

4. Clique em “Continuar”.

Isso instalará o aplicativo na sua conta e o configurará automaticamente para o Vonage Video. Você poderá usá-lo imediatamente para começar a fazer chamadas de vídeo!

Você também pode examinar o código-fonte e implantá-lo em seu próprio sistema baixando o código do GitHub.

1. Acesse o repositório do GitHub. Clone o projeto e siga as instruções passo a passo para a configuração.

2. Consulte a documentação para saber como personalizar o aplicativo de acordo com o seu caso de uso específico.

Se você quiser saber mais sobre o que está disponível no aplicativo de referência, consulte a documentação em nosso centro de desenvolvedores. Você também pode consultar as notas de lançamento de cada versão do próprio aplicativo para se manter atualizado sobre os recursos que podem ser úteis para você. Se quiser se aprofundar no código, confira o arquivo README e o código-fonte no próprio GitHub.

Colabore e inove conosco

Acreditamos no poder da colaboração em código aberto. O aplicativo de referência da Video API da Vonage para React não é apenas uma ferramenta — é a base de uma comunidade dinâmica.

• Contribua: Compartilhe suas melhorias, funcionalidades e correções de bugs por meio de pull requests e solicitações de recursos.

• Interaja: Ao relatar quaisquer problemas que você encontrar no repositório do GitHub para ajudar a melhorar o aplicativo.

• Crie: Use o aplicativo como ponto de partida para desenvolver produtos inovadores que mudem a forma como as pessoas se conectam.  

Seja para criar seu primeiro produto ou expandir uma solução empresarial, este aplicativo oferece código-fonte de nível de produção, que pode ser usado como referência para ajudá-lo a ter sucesso. Confira nossas diretrizes de contribuição se tiver alguma dúvida.

Você já usou a Video API da Vonage ou o aplicativo de exemplo do React? Adoraríamos receber seus comentários! Junte-se a nós na Slack da Comunidade Vonage se precisar de ajuda, ou envie um e-mail para support@api.vonage.com, e entraremos em contato com você.