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 repli pour Safari

Gestion des périphériques multimédias

  • Initialisation des périphériques : 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 des périphériques avec MediaRecorder

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

Modules optionnels :

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

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

  • Fermature d'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 et vidéo
    • Négociation et contrôle
    • Stratégies de repli

Statistiques WebRTC avec getStats()

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

Tous les sujets abordés

  • Cas d'utilisation pratique

Pré requis

Ce cours est idéal pour les développeurs frontend et full-stack, les architectes techniques et les ingénieurs qui conçoivent des fonctionnalités de communication temps réel basées sur le navigateur, telles que la visioconférence, le partage d'écran ou le streaming audio. Les participants doivent avoir des connaissances fonctionnelles de JavaScript et des technologies web, avec une expérience facultative dans Node.js et la communication basée sur WebSocket.

Nombre de participants


Prix par participant

Nos clients témoignent (3)

Cours à venir

Catégories Similaires