Vidéoconférence en HTML5 pur

Question

Je veux faire une seule application web en évitant tout code flash. Cette application doit contenir la vidéoconférence, et je veux l'implémenter en HTML5 pur. Est-ce possible ? Je connais les websockets, mais je ne sais pas vraiment si la vidéoconférence peut être implémentée à travers eux avec une performance relative (au moins, 24fps + son à une résolution correcte, minimum 640x480), et les deux points de terminaison étant des applications web (les deux points de terminaison devraient utiliser un navigateur).

Merci d'avance

Answer 1

Si vous suivez cette question - le 4 février 2013, ils ont produit la solution avec WEBRTC dans Chrome et Firefox. Pour des exemples, voir https://hacks.mozilla.org/2013/02/hello-chrome-its-firefox-calling/ o http://www.html5rocks.com/en/tutorials/webrtc/basics/ o https://code.google.com/p/sipservlets/wiki/HTML5WebRTCVideoApplication

Answer 2

Pour l'instant, il n'est pas possible d'utiliser la vidéo HTML5 pour la diffusion en direct, et les webcams ne sont pas encore prises en charge.

Ericsson a modifié un navigateur WebKit et montre comment cela peut être fait avec l'API HTML5 Stream, dont on espère qu'elle sera bientôt disponible. Voir Au-delà de HTML5 - Mise en œuvre et gestion des flux dans WebKit

Answer 3

Il est impossible de capturer les images d'une webcam ou le flux d'un microphone uniquement par le biais de JavaScript (bien que il existe des plug-ins qui vous permettent de gérer la sortie via flash ), il faudrait donc que vous ayez installé une sorte d'application/plug-in. La partie vitesse est juste pour que le client s'inquiète. Les web sockets seront aussi rapides que la connexion le permet. Vous devriez faire quelques recherches sur les travailleurs web, car ils seraient très utiles pour accélérer votre application (vous pourriez avoir une interface de microphone, une interface de webcam et une interface utilisateur, toutes avec leur travailleur particulier, ce qui ne bloquerait jamais l'application ou la rendrait non réactive).

EDIT : le plug-in jQuery mentionné ci-dessus fonctionne grâce à l'utilisation de <canvas> .

Answer 4

Comme Jonas l'a dit, selon la situation actuelle, nous ne pouvons pas construire de vidéo conférence avec HTML5. Les navigateurs présentent également de nombreuses limitations. Il n'y a pas de codec vidéo commun supporté par tous les navigateurs. Et le live-streaming n'est correctement pris en charge que par Safari (en utilisant la balise vidéo HTML5). D'après mon expérience, nous ne pouvons pas créer de live-streaming sur Windows avec un navigateur quelconque. Mais si vous souhaitez obtenir des informations sur le live-streaming, consultez les sites suivants https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html

vous pouvez utiliser cette source pour tester vos exemples de live-streaming

" http://xfunoonx.api.channel.livestream.com/3.0/playlist.m3u8 "

Ce contenu ne fonctionnera qu'avec Safari sur Mac.