Get in Touch
 Duration 14 hours

Course Outline

Managing Media Devices

Browser Permissions via navigator.permissions

  • Hardware access:
    • Webcam
    • Microphone
  • Optional permissions:
    • Geolocation
    • Notifications
    • Clipboard (read/write)
  • Querying permissions and checking status
  • Limitations and browser compatibility

Retrieving Media Devices with navigator.mediaDevices

  • Enumerating devices
  • Managing device changes

Cross-browser Compatibility

  • API implementation:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Safari fallback strategies

Media Device Management

  • Device initialization: getUserMedia(constraints)
  • Configuring media device constraints
  • Controlling media stream start and stop
  • Responding to device changes

Recording Devices using MediaRecorder

  • Initiating and terminating streaming and recording
  • Downloading .webm files
  • Real-time waveform previews

Optional Extensions:

  • Saving in .wav format using ScriptProcessorNode
  • Audio FFT spectrum visualization
  • Volume bar display in decibels
  • Voice recognition via webkitSpeechRecognition

Peer Connections

Signaling Servers

  • Bidirectional channel options:
    • WebSocket
    • Socket.io
    • SignalR
  • Message structure
  • Simplified WebRTC client
  • Complete signaling flow

Video Chat using WebRTC

  • Architecture: Node.js + ws
  • WebRTC client: RTCPeerConnection
  • Local end-to-end testing

Optional Features:

  • Ending calls (closing connections, stopping media)
  • Group calling (multi-user rooms)
  • Simple token-based authentication

Screen Sharing

  • Implementing getDisplayMedia()
  • Architecture and configuration options

Session Description Protocol (SDP)

  • Overview and components
  • Parsing and interpreting SDP
  • Codecs:
    • Audio & Video
    • Negotiation and control
    • Fallback strategies

WebRTC Statistics using getStats()

  • Categories of statistics
  • Interpreting statistical data
  • Live bitrate/jitter charts
  • Quality adaptation strategies

Comprehensive Topics Covered

  • Hands-on practical scenarios

Requirements

This course is tailored for frontend and full-stack developers, technical architects, and engineers developing browser-based real-time communication features, such as video chat, screen sharing, or audio streaming. Participants are expected to have a solid working knowledge of JavaScript and web technologies, with experience in Node.js and WebSocket-based communication being beneficial.

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories