Class StreamManagerAbstract

Interface in charge of displaying the media streams in the HTML DOM. This wraps any Publisher and Subscriber object. You can insert as many video players fo the same Stream as you want by calling addVideoElement or createVideoElement. The use of StreamManager wrapper is particularly useful when you don't need to differentiate between Publisher or Subscriber streams or just want to directly manage your own video elements (even more than one video element per Stream). This scenario is pretty common in declarative, MVC frontend frameworks such as Angular, React or Vue.js

See available event listeners at StreamManagerEventMap.



id: string

id attribute of the DOM video element displaying the Publisher/Subscriber's stream. This property is only defined if:

remote: boolean

Whether the Stream represented in the DOM is local or remote

stream: Stream

The Stream represented in the DOM by the Publisher/Subscriber

targetElement: HTMLElement

The DOM HTMLElement assigned as target element when creating the video for the Publisher/Subscriber. This property is only defined if:

videos: StreamManagerVideo[] = []

All the videos displaying the Stream of this Publisher/Subscriber


  • Makes video element parameter display this stream. This is useful when you are managing the video elements on your own

    Calling this method with a video already added to other Publisher/Subscriber will cause the video element to be disassociated from that previous Publisher/Subscriber and to be associated to this one.


    1 if the video wasn't associated to any other Publisher/Subscriber and has been successfully added to this one. 0 if the video was already added to this Publisher/Subscriber. -1 if the video was previously associated to any other Publisher/Subscriber and has been successfully disassociated from that one and properly added to this one.


    • video: HTMLVideoElement

    Returns number

  • Creates a new video element displaying this stream. This allows you to have multiple video elements displaying the same media stream.

    Events dispatched

    The Publisher/Subscriber object will dispatch a videoElementCreated event once the HTML video element has been added to DOM. See VideoElementEvent


    The created HTMLVideoElement


    • Optional targetElement: string | HTMLElement

      HTML DOM element (or its id attribute) in which the video element of the Publisher/Subscriber will be inserted

    • Optional insertMode: VideoInsertMode

      How the video element will be inserted accordingly to targetElemet

    Returns HTMLVideoElement

  • Updates the current configuration for the PublisherSpeakingEvent feature and the StreamManagerEvent.streamAudioVolumeChange feature for this specific StreamManager audio stream, overriding the global options set with setAdvancedConfiguration. This way you can customize the audio events options for each specific StreamManager and change them dynamically.


    • publisherSpeakingEventsOptions: {
          interval?: number;
          threshold?: number;

      New options to be applied to this StreamManager's audio stream. It is an object which includes the following optional properties:

      • interval: (number) how frequently the analyser polls the audio stream to check if speaking has started/stopped or audio volume has changed. Default 100 (ms)
      • threshold: (number) the volume at which publisherStartSpeaking, publisherStopSpeaking events will be fired. Default -50 (dB)
      • Optional interval?: number
      • Optional threshold?: number

    Returns void

Generated using TypeDoc