
Partager:
Kapil, Senior Product Manager chez Vonage, conçoit des solutions de communication innovantes qui permettent aux développeurs et aux entreprises d'intégrer des fonctionnalités Video. Passionné par la collaboration en temps réel grâce à des API évolutives, il fait progresser la stratégie vidéo de Vonage. En dehors de son travail, il aime faire du trekking et des sports d'aventure, et relever des défis sur et en dehors des sentiers.
Anniversaire de la prise en charge officielle du SDK React Native de Video par Vonage
Temps de lecture : 8 minutes
Introduction
Alors que le SDK React Native de Vonage Video marque une autre année de transformation de la communication en temps réel sur les plateformes mobiles, c'est le moment idéal pour réfléchir aux avancées incroyables et à l'amélioration du soutien officiel qui ont été introduites. Le SDK est devenu un outil essentiel pour les développeurs visant à créer des expériences vidéo interactives de haute qualité sur iOS et Android.
Dans ce blog, nous allons explorer certaines des fonctionnalités ajoutées l'année dernière au SDK React Native de Vonage Video et à l'amélioration du support officiel. Ces ressources vous aideront à intégrer de manière transparente ces fonctionnalités avancées dans vos Applications.
1. Suppression du bruit
La suppression du bruit améliore la qualité des appels vidéo et audio en réduisant le bruit de fond pendant la communication.
La version 2.28.1 de React Native de Video iOS a ajouté la prise en charge de la suppression du bruit.
La nouvelle méthode OTPublisher.setAudioTransformers() vous permet de définir (et d'effacer) des transformateurs audio. Un transformateur, le filtre de suppression du bruit, est pris en charge. Pour l'utiliser, appelez la méthode setAudioTransformers() de la méthode OTPublisher refet transmettez un tableau contenant un objet dont la propriété name est "NoiseSuppression" et la propriété properties est une chaîne vide.
Important : pour utiliser cette méthode, vous devez ajouter la bibliothèque Vonage Media Transformer à votre projet, séparément du SDK OpenTok React Native. Voir Intégration de la bibliothèque Vonage Media.
2. Connexion à un seul homologue
Lorsque la connexion unique est activée, tous les flux d'abonnés d'un client sont transmis par une seule connexion au routeur multimédia (même s'ils sont publiés par différents clients).
La version 2.27.3 de Vonage Video React Native a ajouté la prise en charge de l'activation de la connexion à un seul pair pour le client en définissant la propriété enableSinglePeerConnection de la propriété options prop du composant OTSession à true. Pour plus d'informations, consultez cette documentation.
3. Ajout d'un manifeste sur la protection de la vie privée
La version 2.27.3 du SDK iOS de Vonage Video a ajouté un manifeste de confidentialité requis par l'App Store d'Apple. Ce manifeste est une nouvelle exigence d'Apple pour les applications qui collectent et gèrent les données des utilisateurs, afin de s'assurer qu'elles respectent les directives de confidentialité et qu'elles fournissent une transparence sur l'utilisation des données.
Si vous envisagez de mettre à jour ou de soumettre une application à l'App Store, vous devrez intégrer ce SDK mis à jour pour répondre aux exigences actuelles d'Apple. Le manifeste de confidentialité permet de déclarer quelles données utilisateur sont collectées, pourquoi elles le sont et comment elles sont traitées, ce qui est conforme aux règles d'Apple en matière de politique de confidentialité.
4. Flou et remplacement de l'arrière-plan
La fonction de flou et de remplacement de l'arrière-plan permet aux utilisateurs de flouter leur environnement ou de remplacer leur arrière-plan par une image virtuelle. Cette fonction renforce la confidentialité et le professionnalisme des appels vidéo en minimisant les distractions et en offrant une expérience visuelle soignée.
La version 2.27.0 de Vonage Video React-native a ajouté la prise en charge du flou d'arrière-plan et du remplacement. OTPublisher.setVideoTransformers() La méthode Video permet de définir et d'effacer les transformateurs vidéo, tels que le flou d'arrière-plan. En outre, la méthode OTPublisher.setVideoTransformer() prend désormais en charge le remplacement de l'image d'arrière-plan et les options de rayon personnalisées pour le flou d'arrière-plan sur Android et iOS. Pour plus de détails, reportez-vous à la page OTPublisher pour plus d'informations.
5. Repli audio
Utilisez l'API de repli audio pour donner dynamiquement la priorité à l'audio en fonction de la qualité du réseau. Le fallback audio permet de maintenir vos appels pour tous les participants, indépendamment des problèmes de connexion ou des mauvaises conditions de réseau, en désactivant temporairement la vidéo pour le participant concerné.
La version 2.27.0 de Vonage Video React-native a ajouté une nouvelle option OTPublisher audioFallback qui prend en charge le repli audio de l'abonné et de l'éditeur. La propriété audioFallback.subscriber remplace l'option OTPublisher audioFallbackEnabled qui est obsolète. Le composant OTPublisher dispose de nouvelles fonctions de rappel pour les événements liés au repli audio de l'éditeur : videoDisabled(), videoEnabled(), videoDisableWarning()et videoDisableWarningLifted(). Voir la page guide sur le repli audio audio.
6. Basculer entre la source vidéo d'un écran et celle d'une caméra
La commutation entre un écran et une source vidéo de caméra permet aux utilisateurs d'alterner facilement entre le partage de leur écran et l'affichage de leur flux de caméra au cours d'un appel vidéo. Cette fonction facilite les transitions transparentes, permettant aux utilisateurs de présenter du contenu ou de s'engager directement avec les participants, selon les besoins. Pour basculer entre une source vidéo d'écran et de caméra à l'aide du SDK React Native Video de Vonage, vous pouvez utiliser l'approche suivante :
Capturez le flux de la caméra : Commencez par capturer le flux de la caméra à l'aide des méthodes du SDK relatives à la caméra.
Capturez l'écran : Utilisez la fonctionnalité de partage d'écran du SDK.
Basculer entre les sources : Mettez en place un mécanisme dans votre application pour basculer entre ces deux sources en fonction de l'entrée de l'utilisateur.
Vonage Video React native 2.27.3 a corrigé le problème de basculement entre une source vidéo d'écran et une source vidéo de caméra pour l'éditeur, provoquant le plantage des apps sous iOS.
7. Chiffrement de bout en bout
Le cryptage de bout en bout garantit que tous les flux vidéo et audio sont cryptés en toute sécurité de l'expéditeur au destinataire. Ceci est essentiel pour les applications qui traitent des informations sensibles et qui doivent maintenir le plus haut niveau de confidentialité et de sécurité.
La version 2.27.0 de Vonage Video React-native a ajouté la prise en charge des éléments suivants le cryptage de bout en bout. Le composant OTSession comprend un nouveau composant encryptionSecret que vous pouvez utiliser pour définir et modifier le secret de chiffrement utilisé par le client local.
8. Codec de routage adaptatif des médias pour le relais audio vers le routage
Le codec AMR améliore la qualité audio des sessions acheminées, en particulier dans des conditions de faible débit. Ce codec garantit une communication vocale claire et fiable, même dans des environnements réseau difficiles.
La version 2.27.0 de Vonage Video React-native a ajouté la prise en charge des éléments suivants l'acheminement adaptatif des médias.
9. Prise en charge des codecs VP8, H.264 et VP9
Le SDK prend en charge le codec H.264, réputé pour sa compression vidéo efficace et ses sorties de haute qualité. Ce codec est largement pris en charge et garantit que les flux vidéo sont diffusés avec une utilisation minimale de la bande passante.
Outre le H.264, le codec VP8 est également pris en charge. VP8 est un codec ouvert et libre de droits qui offre d'excellentes performances et constitue une alternative viable pour les développeurs à la recherche d'une option de compression gratuite et efficace.
La version 2.27.0 de Vonage Video React-native a ajouté la prise en charge du codec VP9 dans les sessions relayées. Pour plus d'informations, voir la page Video codecs de Vonage.
10. Prise en charge du proxy IP
La prise en charge du proxy IP permet aux développeurs d'acheminer le trafic multimédia par l'intermédiaire de serveurs proxy spécifiques. Cette fonction est utile pour les applications fonctionnant dans des environnements réseau restreints ou nécessitant des configurations de routage spécifiques.
La version 2.26.1 de Vonage Video React-native a corrigé un problème dans lequel les applications ne pouvaient pas se connecter à une session lorsque l'option proxyUrl pour OTSession était définie (problème #645).
11. Publier des vidéos en Full HD (1920x1080)
Le SDK prend désormais en charge la publication vidéo en Full HD (1920x1080), ce qui permet aux utilisateurs de bénéficier d'une qualité vidéo haute définition. Ceci est crucial pour les Applications nécessitant des visuels détaillés, telles que les consultations de télémédecine ou les vidéoconférences à fort enjeu.
Voir l'option "1920x1080" pour OTPublisher (pour la prise en charge de la vidéo FHD).
12. Sous-titrage en direct
Live Captions génère automatiquement des sous-titres pour le contenu parlé pendant les sessions Video. Cette fonction améliore l'accessibilité pour les utilisateurs malentendants et la compréhension pour tous les participants. La version 2.26.1 de Video React-native de Vonage comprenait des améliorations de l'API Live Captions (numéro 643).
L'option new
OTPublisher.publishCaptionsvous permet d'activer et de désactiver les sous-titres pour un flux publié (si les sous-titres sont activés pour la session). Pour plus d'informations, voir la documentation : OTPublisher.L'option new
OTSubscriber.subscribeToCaptionsvous permet d'activer ou de désactiver les sous-titres pour un abonné (si les sous-titres sont activés pour la session et si l'éditeur publie des sous-titres). Pour plus d'informations, voir la documentation : OTSubscriber.L'événement new
OTSubscriber captionReceivedest déclenché lorsqu'un abonné reçoit une légende. Pour plus d'informations, voir la documentation : OTSubscriber.Pour plus d'informations, voir le Guide du développeur Live Captions.
Amélioration du soutien officiel
L'anniversaire de la prise en charge officielle du SDK React Native de Vonage Video représente plus qu'un simple jalon - c'est une célébration du chemin parcouru par la technologie et un regard vers des possibilités encore plus grandes. Avec l'ajout de nouvelles fonctionnalités puissantes telles que la connexion à un seul pair, la suppression du bruit, le repli audio, le flou/remplacement de l'arrière-plan et le chiffrement de bout en bout, Vonage continue de montrer la voie en matière de communication vidéo en temps réel.
Pour plus d'informations sur ces fonctionnalités et sur la façon de les mettre en œuvre, consultez la page Aperçu du SDK React Native de Vonage Video de Vonage. Vous y trouverez toutes les ressources dont vous avez besoin pour exploiter les capacités du SDK et créer des expériences vidéo en temps réel exceptionnelles.
Comme les développeurs exploitent ces capacités améliorées et bénéficient d'un meilleur support, nous pouvons nous attendre à voir des expériences vidéo encore plus innovantes et de haute qualité dans les applications mobiles dans les années à venir.
Vous souhaitez commencer à utiliser le SDK React Native ?
Consultez la documentation officielleoù vous trouverez tout ce dont vous avez besoin, des guides d'installation aux exemples d'applications. Nous avons également plusieurs exemples d'applications qui se trouvent dans le repo React Native Samples repo. Vous pouvez également trouver le paquetage react native sur npm et le code source du SDK dans le dépôt GitHub des SDK des SDK.
Pour en savoir plus
Documentation pour les développeurs : OpenTok React Native & SDK React Native
Blogs associés
Partager:
Kapil, Senior Product Manager chez Vonage, conçoit des solutions de communication innovantes qui permettent aux développeurs et aux entreprises d'intégrer des fonctionnalités Video. Passionné par la collaboration en temps réel grâce à des API évolutives, il fait progresser la stratégie vidéo de Vonage. En dehors de son travail, il aime faire du trekking et des sports d'aventure, et relever des défis sur et en dehors des sentiers.