Prenez contact avec nous
 Durée 14 heures

Plan du cours

Gestion des périphériques multimédias

Autorisations navigateur avec navigator.permissions

  • Accès au matériel :
    • Webcam
    • Microphone
  • Autorisations facultatives :
    • Géolocalisation
    • Notifications
    • Presse-papiers (lecture/écriture)
  • Requête d'autorisation et statut
  • Limites et compatibilité navigateur

Lecture des périphériques multimé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 flux multimédias

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

Enregistrement avec MediaRecorder

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

Mises à jour optionnelles :

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

Connexion pair-à-pair

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 optionnelles :

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

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 & 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/jitter en direct
  • Stratégies d'adaptation de la qualité

Tous les sujets du cours sont

  • Présents dans un cas d'usage pratique

Pré requis

Ce cours est idéal pour les développeurs front-end et full-stack, les architectes techniques et les ingénieurs travaillant sur des fonctionnalités de communication en temps réel basées sur le navigateur, telles que le visioconférence, le partage d'écran ou le streaming audio. Les participants doivent posséder des connaissances solides en JavaScript et en 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