Abstract
id
attribute of the DOM video element displaying the Publisher/Subscriber's stream. This property is only defined if:
targetElement
parametertargetElement
parameterWhether the Stream represented in the DOM is local or remote
false
for Publishertrue
for SubscriberThe Stream represented in the DOM by the Publisher/Subscriber
The DOM HTMLElement assigned as target element when creating the video for the Publisher/Subscriber. This property is only defined if:
targetElement
parametertargetElement
parameterAll 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.
Creates a new video element displaying this stream. This allows you to have multiple video elements displaying the same media stream.
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 | HTMLElementHTML DOM element (or its id
attribute) in which the video element of the Publisher/Subscriber will be inserted
Optional
insertMode: VideoInsertModeHow the video element will be inserted accordingly to targetElemet
See off
Optional
handler: ((event: StreamManagerEventMap[K]) => void)See on
See once
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.
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?: numberOptional
threshold?: numberGenerated using TypeDoc
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.