Prenez contact avec nous
 Durée 14 heures

Plan du cours

Gestion des périphériques de médias

Autorisations navigateur avec navigator.permissions

  • Accès au matériel :
    • Webcam
    • Microphone
  • Autorisations optionnelles :
    • Localisation
    • Notifications
    • Presse-papiers (lecture/écriture)
  • Interrogation des autorisations et statut
  • Limitations et compatibilité des navigateurs

Lecture des périphériques de médias avec navigator.mediaDevices

  • Énumération des périphériques
  • Gestion des changements de périphériques

Compatibilité inter-navigateurs

  • Utilisation des API :
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Stratégie de secours pour Safari

Gestion des périphériques de médias

  • Initialisation du périphérique : getUserMedia(constraints)
  • Contraintes des périphériques de médias
  • Démarrage et arrêt des flux de médias
  • Gestion des changements de périphériques

Enregistrement des périphériques avec MediaRecorder

  • Démarrage/arrêt du streaming et de l'enregistrement
  • Téléchargement de fichier .webm
  • Aperçu en temps réel de la forme d'onde

Extensions facultatives :

  • Sauvegarde au format .wav à l'aide de ScriptProcessorNode
  • Visualisation du spectre FFT audio
  • Barre de volume en décibels
  • Reconnaissance vocale avec webkitSpeechRecognition

Connexion pair (Peer Connection)

Serveurs de signalisation

  • Options de canal bidirectionnel :
    • WebSocket
    • Socket.io
    • SignalR
  • Structure des messages
  • Client WebRTC simplifié
  • Flux de signalisation complet

Visioconférence via WebRTC

  • Architecture : Node.js + ws
  • Client WebRTC : RTCPeerConnection
  • Tests E2E locaux

Fonctionnalités facultatives :

  • Raccrochage (fermeture de la connexion, arrêt des médias)
  • Appels de groupe (salles multi-utilisateurs)
  • Authentification simple basée sur jetons

Partage d'écran

  • Utilisation de getDisplayMedia()
  • Architecture et options

Protocole de description de session (SDP)

  • Introduction et contenu
  • Lecture et interprétation du SDP
  • Codecs :
    • Audio et Vidéo
    • Négociation et contrôle
    • Stratégies de secours

Statistiques WebRTC avec getStats()

  • Types de statistiques
  • Comment interpréter les statistiques
  • Graphiques du débit binaire et de la gigue en direct
  • Stratégies d'adaptation de la qualité

Tous les sujets abordés sont

  • Basés sur des cas d'utilisation pratiques

Pré requis

Ce cours est idéal pour les développeurs front-end et full-stack, les architectes techniques et les ingénieurs développant des fonctionnalités de communication en temps réel basées sur le navigateur, telles que la visioconférence, le partage d'écran ou le streaming audio. Les participants doivent posséder une connaissance fonctionnelle de JavaScript et des technologies web, avec une expérience facultative en Node.js et en communication basée sur WebSocket.

Nombre de participants


Prix par participant

Nos clients témoignent (3)

Cours à venir

Catégories Similaires