Options
All
  • Public
  • Public/Protected
  • All
Menu

媒体流播放器组件

详情描述:媒体流播放器组件类。

业务场景:在界面上播放媒体流。

Hierarchy

  • ZegoStreamView

Index

Constructors

constructor

  • Parameters

    • view: any

    Returns ZegoStreamView

Methods

getVideoHeight

  • getVideoHeight(): number
  • 获取视频高。

    支持版本:3.8.0 及以上

    详情描述:获取视频高。

    调用时机:创建 ZegoStreamView 实例后。

    Returns number

    接口是否调用成功。

getVideoWidth

  • getVideoWidth(): number
  • 获取视频宽。

    支持版本:3.8.0 及以上

    详情描述:获取视频宽。

    调用时机:创建 ZegoStreamView 实例后。

    Returns number

    接口是否调用成功。

off

  • off<K>(event: K, callback?: StreamViewEvent[K]): boolean
  • 注销回调事件。

    Note: 支持版本:2.17.0 及以上

    Note: 详情描述:用于处理 SDK 主动通知开发者回调的接口,通过注册不同 event 的事件,可以收到不同功能的回调。用于删除注册的同一类回调事件。

    Note: 业务场景:用于媒体流播放组件的业务事件的回调处理。

    Note: 调用时机:创建 ZegoStreamView 实例之后。

    Note: 注意事项:如果没有传要注销的回调函数参数 [callback],将会注销所有该事件的回调函数。

    Type parameters

    Parameters

    • event: K

      监听事件名。

    • Optional callback: StreamViewEvent[K]

      回调函数。

    Returns boolean

    注销回调是否成功。

on

  • on<K>(event: K, callback: StreamViewEvent[K]): boolean
  • 注册回调事件。

    Note: 支持版本:2.17.0 及以上

    Note: 详情描述:用于处理 SDK 主动通知开发者回调的接口,通过注册不同 event 的事件,可以收到不同功能的回调。可监听的事件回调可以通过 StreamViewEvent 查看。

    Note: 业务场景:用于注册媒体流组件功能相关的业务事件的回调处理。

    Note: 调用时机:创建 ZegoStreamView 实例之后。

    Note: 注意事项:同样的事件可以注册多个, 相同的注册事件,会根据注册的先后顺序依次触发。

    Note: 相关接口:调用接口 off 来注销对应回调事件处理。

    Type parameters

    Parameters

    • event: K

      监听事件名。

    • callback: StreamViewEvent[K]

      回调函数。

    Returns boolean

    注册是否成功。

play

  • 在页面上播放媒体流的音视频。

    支持版本:2.17.0 及以上

    详情描述:指定一个 DOM 元素作为容器,SDK 将根据需要在元素下创建媒体流播放组件播放音视频。

    业务场景:在界面上显示媒体流内容。

    调用时机:创建 ZegoStreamView 实例后。

    注意事项:一个 ZegoStreamView 播放组件只能通过 play 方法挂载在一个容器上,不能同时挂载多个。

    相关回调:调用 play 接口播放视频失败时会触发 ZegoStreamView 的自动播放失败事件回调 [autoplayFailed]。

    相关接口:卸载媒体流播放组件接口 [stop] 。调用 [stopPlayingStream] 或 [destroyStream] 也会卸载播放组件。只想播放音频推荐用 [playAudio] 进行播放处理。

    Parameters

    • container: string | HTMLElement

      容器 DOM 元素,可以直接传入一个 DOM 元素对象或传 DOM 元素的 ID 值。

    • Optional options: ZegoStreamViewOptions

      设置播放选项参数(镜像、显示模式、静音等)。

    Returns void

playAudio

  • 播放待推送或者已推送的媒体流的音频。

    支持版本:3.8.0 及以上

    详情描述:播放媒体流的音频。

    业务场景:只想要播放媒体流的音频,不需要播放视频。

    调用时机:创建 ZegoStreamView 实例后。

    相关回调:调用 [playAudio] 接口播放视频失败时会触发 ZegoStreamView 的自动播放失败事件回调 [autoplayFailed]。

    相关接口:停止播放媒体流播放接口 [stopAudio] 。调用 [destroyStream] 也会卸载播放组件。[playVideo] 和 [playAudio] 是 [play] 方法进行区分细化对视频和音频的播放操作。

    Parameters

    Returns void

playVideo

  • 在页面上播放媒体流的视频。

    支持版本:3.8.0 及以上

    详情描述:指定一个 DOM 元素作为容器,SDK 将根据需要在元素下创建媒体流播放待推送或者已推送的媒体流的视频。在执行[startPublishingStream]推流前,媒体播放内容会同步当前最新采集的视频内容;推流成功后,ZegoLocalStream再次调用采集摄像头、屏幕共享或者第三方视频源,新采集的视频并不会同步更新到正在推流的视频源,如需要更新,需要调用[updatePublishingStream]更新。

    业务场景:在界面上显示媒体流内容。

    调用时机:创建 ZegoStreamView 实例,且开始采集音视频流后。

    注意事项:一个 ZegoStreamView 实例只能通过 playVideo 方法挂载在一个容器上,不能同时挂载多个。

    相关回调:调用 [playVideo] 接口播放视频失败时会触发 ZegoStreamView 的自动播放失败事件回调 [autoplayFailed]。

    相关接口:停止播放媒体流播放接口 [stopVideo] 。调用 [destroyStream] 也会卸载播放组件。[playVideo] 和 [playAudio] 是 [play] 方法进行区分细化对视频和音频的播放操作。

    Parameters

    • container: string | HTMLElement

      容器 DOM 元素,可以直接传入一个 DOM 元素对象。

    • Optional options: ZegoStreamViewOptions

      设置播放选项参数(镜像、显示模式等)。

    Returns void

resume

  • resume(): void
  • 恢复播放页面上的音视频。

    支持版本:2.17.0 及以上

    详情描述:当视频浏览器限制而阻止播放时,可以在 DOM 点击事件中调用该接口恢复播放页面上的音视频。

    业务场景:在界面上显示媒体流内容。

    调用时机:创建 ZegoStreamView 实例后。

    Returns void

setAudioMuted

  • setAudioMuted(muted: boolean): boolean
  • 开关音频的播放。

    支持版本:2.17.0 及以上

    详情描述:开关音频的播放。

    业务场景:停止或恢复播放媒体流的音频。

    调用时机:调用 ZegoStreamView 实例的 [play] 方法进行挂载组件后调用。

    注意事项:该接口只会停止播放媒体流的音频,不会影响媒体流的音频传输内容。停止发送音频需要调用 [mutePublishStreamAudio] 接口,停止接收音频调用 [mutePlayStreamAudio] 接口。

    Parameters

    • muted: boolean

      是否禁止,true 表示禁止,false 表示恢复开启。

    Returns boolean

    标识接口是否调用成功。

setVideoMuted

  • setVideoMuted(muted: boolean): boolean
  • 开关视频的播放。

    支持版本:2.17.0 及以上

    详情描述:开关视频播放。

    业务场景:停止或恢复播放媒体流的视频。

    调用时机:调用 ZegoStreamView 实例的 [play] 方法进行挂载组件后调用。

    注意事项:该接口只会停止播放媒体流的视频,不会影响媒体流的视频传输内容。停止发送视频需要调用 [mutePublishStreamVideo] 接口,停止接收视频调用 [mutePlayStreamVideo] 接口。

    Parameters

    • muted: boolean

      是否禁止,true 表示禁止,false 表示恢复开启。

    Returns boolean

    标识接口是否调用成功。

setVolume

  • setVolume(volume: number): boolean
  • 设置音频播放音量。

    支持版本:2.17.0 及以上

    详情描述:设置音频播放音量。

    调用时机:创建 ZegoStreamView 实例后。

    Parameters

    • volume: number

      音量大小,取值范围 [0,100] 。

    Returns boolean

    接口是否调用成功。

stop

  • stop(): void
  • 停止在页面上播放音视频。

    支持版本:2.17.0 及以上

    详情描述:卸载媒体流播放组件来结束显示音视频。

    业务场景:结束在界面上展现媒体流内容。

    调用时机:创建 ZegoStreamView 实例后。

    相关接口:调用 [stopPlayingStream] 或 [destroyStream] 也会卸载播放组件。

    Returns void

stopAudio

  • stopAudio(): void
  • 停止播放待推流或者正在推流中的音频。

    支持版本:3.8.0及以上

    详情描述:停止播放媒体流的音频。

    业务场景:界面上不再需要展示媒体流视频内容。

    调用时机:创建 ZegoStreamView 实例后,且已经开始采集流以及执行[playAudio]后。

    相关接口:调用 [stopPlayingStream] 或 [destroyStream] 也会卸载播放组件。

    Returns void

stopVideo

  • stopVideo(): void
  • 停止播放媒体流的视频。

    支持版本:3.8.0 及以上

    详情描述:停止播放媒体流的视频。

    业务场景:界面上不再需要展示媒体流视频内容。

    调用时机:创建 ZegoStreamView 实例后,且已经开始采集流以及执行[playVideo]后。

    相关接口:调用 [stopPlayingStream] 或 [destroyStream] 也会卸载播放组件。

    Returns void

takeStreamSnapshot

  • 客户端截图

    支持版本:2.18.0 及以上。

    详情描述:获取当前渲染的视频帧数据。

    业务场景:对当前(推流/拉流)渲染的视频画面进行截图。

    调用时机:创建 view.play 之后。

    Parameters

    Returns string

    包含 data URI 的DOMString

useAudioOutputDevice

  • useAudioOutputDevice(deviceID: string): Promise<void>
  • 切换音频输出设备。

    Note: 支持版本:2.17.0 及以上。

    Note: 详情描述:设置音频输出设备。

    Note: 调用时机:用 [getSpeakers] 获取音频输出设备列表后。

    Note: 注意事项:该接口当前只支持 Chrome 浏览器使用。

    Note: 相关接口:获取扬声器列表接口 [getSpeakers]。

    Parameters

    • deviceID: string

      扬声器设备 ID。

    Returns Promise<void>

Generated using TypeDoc