Salut à tous,

Aujourd'hui à jour exceptionnel vidéo...! Non je le refais (l'air plus sérieux est de rigueur).

Hum! Hum! J'initie une série de vidéos autour des web API JavaScript HTML5. ET le premier sujet portera sur le WebRTC. Kézaco!
Alors j'ai réalisé une premier vidéo aperçue pour l’appréhender. Il y aura aux minimum trois vidéos sur le sujet, car comme décrit dans la vidéo le WebRTC est un ensemble de Web API et donc plusieurs sujet distinct a aborder.

N'hésitez pas à commenter, Bonne vidéo :D

https://www.youtube.com/watch?v=Fsv0uBQiHuo

Github Correspondant : https://github.com/GuillaumeUnice/WebRTCTutorial

7 réponses


Tutoriel sympa mais j'aurais peut être rajouté une partie avec un peu de code :(

Le gros problème avec le webRTC c'est de pouvoir connecter 2 navigateurs entre eux
surtout lorsqu'ils sont derrière un firewall + NAT
Tous ceux qui font du P2P savent qu'ils faut ouvrir des ports sur sa box (not Michu friendly) ou alors passer par un serveur intermédiaire (low id)
voici un article qui tente d'expliquer la problématique du NAT traversal

Echyzen
Auteur

Alors pour le code çà arrive et je dirais même qu'il y en a un peu trop XD

@Huggy effectivement c'est une problématique à l'heure actuel et merci de partager cette article sur STUN et TURN ;)

Je m'y suis plongé la semaine dernière et j'ai fait une vidéo couvrant ules problèmes autour du contournement du NAT / Parefeu

https://www.youtube.com/watch?v=6jCbngYr7oQ

Au final la promesse du peer to peer est attrayante mais dans la réalité l'architecture est plus complexe et nécessite pas mal de serveurs pour arriver à faire communiquer les personnes. Si on est capable de configurer et faire fonctionner TURN / STUN / MCU le WebRTC offre une base qui est tout de même intéréssante avec sa gestion des flux et de la partie connexion.

Echyzen
Auteur

Salut à tous,

Cette semaine on commence l'implémentation du WebRTC.
On utilisera deux API primordiales au WebRTC : MediaStream & RTCPeerConnection.
Ainsi à la fin de la vidéo on sera capable d'échanger un flux vidéo et audio en Peer To Peer et ceux avec seulement deux fichiers JS.

Comme d'hab n'hésitez pas à commenter, enjoy :D
https://www.youtube.com/watch?v=NrNOO0Lwtrc

Echyzen
Auteur

Salut à tous,

On poursuit avec l'utilisation d'AdapterJS un polyfill permettant d'avoir une compatibilité sur l'ensemble des navigateurs ainsi que du screensharing.

Comme d'hab n'hésitez pas à commenter, enjoy :D
https://www.youtube.com/watch?v=jAIeNNQ4AII

Cette semaine