Présentation de l'application de référence Open Source Vonage Video API pour React

Nous sommes ravis d'annoncer le lancement de l'application de référence de l'API vidéo de Vonage pour React 1.0. Application de référence de l'In-App Video pour React 1.0, une application de référence React à pile complète et à source ouverte, conçue pour former les développeurs aux meilleures pratiques de création d'expériences transformatrices à l'aide de Vonage Video Client SDK. L'application de référence regorge d'optimisations pour les appels vidéo multiparticipants, présentant des mises en œuvre pratiques de nos fonctionnalités les plus populaires, notamment une prise en charge transparente des interactions multiparticipants et une expérience de salle de pré-réunion soignée.

Publié sous la Licence Apache 2.0Ce projet offre la liberté d'adapter, d'étendre et de distribuer le code, ce qui vous donne les outils nécessaires pour ouvrir de nouvelles possibilités dans le domaine de la communication vidéo.

Testez plus rapidement les fonctionnalités de l'API Video de Vonage

Développer des solutions vidéo fiables, évolutives et conviviales reste un défi. L'application de référence de l'API Video de Vonage pour React élimine ces obstacles, en offrant une application prête à être déployée qui donne la priorité à la facilité d'utilisation et à l'innovation. Vous pouvez voir comment toutes les parties fonctionnent ensemble dans une application complète et plonger dans le dépôt Github lorsque vous souhaitez en savoir plus sur une fonctionnalité.

Caractéristiques principales

1. Application React à pile complète : Construite sur le populaire Reactl'application fournit un code de référence. Elle démontre les meilleures pratiques pour ajouter de la vidéo dans une application React, du back-end node.js à un front-end moderne et adaptatif écrit en React.

2. Appels Video à plusieurs participants : Gestion de la mise en page et du flux qui s'adapte automatiquement aux appels à plusieurs participants, au fur et à mesure que les participants se joignent et se séparent, partagent des écrans, etc.

3. Qualité des appels Video : Les optimisations de la qualité mettent à jour dynamiquement la résolution du flux, le taux de rafraîchissement et les tailles de rendu pour une expérience d'appel optimale.

4. Salle de pré-réunion : Mettez les utilisateurs en confiance avant qu'ils ne rejoignent une réunion en leur permettant de vérifier et de configurer leur caméra, leur microphone et leur configuration réseau...

5. Fonctionnalités en réunion : Ajout facile d'une liste de participants, partage d'écran, enregistrement (jusqu'à FHD), détection active du locuteur, réactions emoji, etc.

6. Enregistrement Video et téléchargement de fichiers: Capturez des enregistrements Video de haute qualité à partir d'une résolution standard et jusqu'à Full HD et permettez aux utilisateurs de télécharger des fichiers sans effort pour un accès hors ligne.

7. Options de déploiement flexibles: Déployez l'application de référence de manière transparente sur site pour améliorer le contrôle et la conformité, ou tirez parti d'une option de déploiement en un clic via le Vonage Code Hub pour l'essayer.

8. Open Source avec la licence Apache 2.0 : Publiée sous la licence Apache 2.0, l'application peut être adaptée aux besoins de chaque développeur tout en conservant la propriété de vos innovations.

Comprendre plus rapidement l'API Video de Vonage

Nous avons développé cette application de référence afin que vous puissiez en bénéficier, quel que soit l'endroit où vous vous trouvez dans votre parcours de développement. Cette application est destinée à :

• Innovateurs cherchant à expérimenter les technologies Video.

• Entrepreneurs construisant des solutions intégrées et axées sur la vidéo pour leurs clients.

• Développeurs d'entreprise qui cherchent à améliorer leurs outils internes ou à apporter une nouvelle valeur ajoutée par le biais de produits destinés aux clients.

Construit avec le Vonage Video Web Client SDKvous pouvez utiliser l'application de référence pour vérifier nos meilleures pratiques pour travailler avec des applications côté client. SDK Video Node de Vonage de Vonage Video pour accélérer votre développement sur le backend. Vous pouvez voir comment mettre en œuvre de nombreuses interfaces de gestion côté serveur dont votre application a besoin.

Conçu pour être utilisé dès le départ

L'application de référence de l'In-App Video API Video est conçue pour être aussi familière que possible afin que que que vous puissiez commencer à l'utiliser le plus rapidement possible.

Joining or Creating a RoomRoom view with multiple participantsL'In-App Messaging est préinstallée avec un support de messagerie, ce qui vous permet d'échanger des messages et des liens à partir de l'interface.

Chat history expandedVous pouvez également montrer votre participation en utilisant des emojis avec les images de feedback les plus courantes !

Emoji's supported in the Reference App

Comment démarrer

L'application de référence Vonage Video pour React est conçue pour vous permettre d'avoir une application opérationnelle le plus rapidement possible. Elle peut être exécutée de différentes manières, en fonction de vos besoins.

Si vous voulez jouer avec l'application de référence aujourd'hui sans rien installer, vous pouvez vous rendre à CodeHub.

1. Cliquez sur le bouton "Déployer le code".

2. Cliquez sur le bouton "Déployer une nouvelle instance".

3. Il vous demandera d'effectuer certaines configurations. Donnez-lui un nom, puis sélectionnez "Vonage" pour l'option "Video Environment". Vous pouvez laisser les options API Key et Secret vides, car elles concernent les utilisateurs existants d'OpenTok.

4. Cliquez sur "Continuer".

Cela déploiera l'application sur votre Account et la configurera automatiquement pour Vonage Video. Vous devriez pouvoir l'utiliser immédiatement pour commencer à faire des appels vidéo !

Vous pouvez également consulter le code source et le déployer sur votre propre système en téléchargeant le code sur GitHub.

1. Visiter le dépôt GitHub. Clonez le projet et suivez les instructions d'installation étape par étape.

2. Consultez la documentation pour apprendre à personnaliser l'application en fonction de votre cas d'utilisation spécifique.

Si vous souhaitez en savoir plus sur ce qui est disponible dans l'application de référence, consultez la documentation dans notre centre de développement. Vous pouvez également consulter les notes de version pour chaque version de l'application elle-même afin de vous tenir au courant des fonctionnalités qui pourraient vous être utiles. Si vous souhaitez vous plonger dans le code, consultez le fichier README et le code source sur GitHub.

Collaborer et innover avec nous

Nous croyons au pouvoir de la collaboration open-source. L'application de référence In Video API Video pour React n'est pas seulement un outil, c'est le fondement d'une communauté dynamique.

• Contribuer : Partagez vos améliorations, vos fonctionnalités et vos corrections de bugs avec des demandes d'extraction et des demandes de fonctionnalités.

• S'engager : En signalant tous les problèmes que vous rencontrez au dépôt GitHub afin de contribuer à l'amélioration de l'application.

• Créer : Utilisez l'application comme tremplin pour développer des produits révolutionnaires qui changent la façon dont les gens se connectent.

Que vous créiez votre premier produit ou que vous développiez une solution d'entreprise, cette application fournit un code source de niveau production, qui peut être utilisé comme référence pour vous aider à réussir. Consultez nos directives de contribution si vous avez des questions.

Avez-vous déjà utilisé l'API Video de Vonage ou l'exemple d'application React ? Nous serions ravis d'entendre vos commentaires ! Rejoignez-nous sur le Communauté Vonage Slack si vous avez besoin d'aide, ou envoyez-nous un courriel à support@api.vonage.com, et nous vous répondrons.