Discussion :

[Echyzen]

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

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

[Echyzen]

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

[Geoffrey74]

Bonjour,

tout d'abords merci pour cette vidéo, c'est tout à fait ce que je cherche à faire.
J'utilise actuellement un plugin flash pour cela, mais je souhaiterai m'en débarrasser.

Je n'ai pas saisi les prérequis à avoir côté serveur, je ne sais même pas si il en a...
En prenant le code sur github, que dois-je faire pour que cela fonctionne ?

Merci d'avance pour tes réponses

[Echyzen]

Salut @Geoffrey74,

Heureux que cela corresponde à tes besoins,
Alors pas de prérequis particulier côté serveur, c'est décrit dans la première vidéo le serveur sert de point intermédiaire de rencontre avant que les deux clients communiquent en PeerToPeer donc le serveur joue le rôle de point de rendez-vous peu importe sa techno et son architecture.

Pour le Git suffit de suivre le ReadMe mais je vais compléter pour les personnes pas habituées à NPM.
Déjà il te faut NPM d'installé.


Alors voilà les commandes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
git clone https://github.com/GuillaumeUnice/WebRTCTutorial
cd WebRTCTutorial
npm i
npm install -g strongloop
slc run

Et voilà tu te rends au http://localhost:3000/

Vendredi il y aura la vidéo consacrée au screensharing et aussi l'utilisation de la librarie AdapterJS pour que cela soit compatible sur certains navigateurs (IE, Edge et Safari).
Donc restez connecté et patient

Peace

[Geoffrey74]

Salut Echyzen,

merci d'avoir répondu.
Je n'ai que très peu de connaissance en JS, je ne connais que le php (les autre langage je "bidouille").

Je vais essayer ça de suite, merci beaucoup !


EDIT:

à quoi servent ces 3 commandes ?
Si je peux comprendre un minimum ce que je fais, je préfère

[Echyzen]

Bien sûr git clone pour récupérer le dépôt donc le code en ligne.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

npm i

= npm install cela va installer toutes les dépendances c'est à dire toutes les libs que j'utilisent et qui sont spécifiés dans le package.json, pour cela NPM(Node Package Manager) va les télécharger auprès de npmjs.com

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

npm install -g strongloop

Install de façon global strongloop comme çà si tu pourras l'utiliser depuis partout et pas seulement pour mon projet. Sa prend pas beaucoup de place et ça permet de faire des serveurs js très rapidement donc cela ne mange pas de pain de l'installer sur la machine.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

slc run

cela lance le serveur sur le port 3000