在视频通话或直播时,开发者可以根据需要指定推流和拉流视频相关配置,如视频采集分辨率、视频编码输出分辨率、视频帧率、码率、视图模式和镜像模式。
设置合适的视频分辨率、帧率和码率可以在音视频场景中提供用户更好的使用体验。选择合适镜像模式与视图模式则可以让开发者提供个性化的视频显示模式。
在设置视频配置之前,请确保:
通过调用 setVideoConfig 接口修改视频配置,用户既可自定义参数,也可以使用预设值进行设置。
需要在推流(startPublishingStream)前或预览(startPreview)前设置好相关视频配置,在推流后仅支持编码分辨率和码率的修改。
调用 setVideoConfig 接口修改推流视频配置,可通过该接口设置视频帧率、码率、视频采集分辨率和视频编码输出分辨率。若不进行特殊设置,则 SDK 会根据选定的场景,自动设置贴合该场景的分辨率、码率、帧率,以获取最佳体验效果,详情请参考 场景音视频配置。
如果拉流端需要拉取 60 帧的流,需要联系技术支持,详情可参考 ZEGO Express SDK 是否支持拉 60 帧的流?
以下以设置视频采集分辨率 360p,编码分辨率 360p,码率 600 kbps,帧率 15 fps 为例:
let videoconfig = {captureWidth: 640,
captureHeight: 360,
encodeWidth: 640,
encodeHeight: 360,
fps: 15,
bitrate: 600}
// 设置视频配置
zgEngine.setVideoConfig(videoconfig)
移动端的宽高分辨率与 PC 端的宽高分辨率是相反的,例如移动端 360p 的分辨率为 360 × 640,而 PC 端 360p 的分辨率为 640 × 360。
您也可以使用 ZEGO Express Electron SDK 提供的预设组合值,ZegoVideoConfigPreset 的预设组合值如下:
ZegoVideoConfigPreset | 采集分辨率 (宽 × 高) |
编码分辨率 (宽 × 高) |
帧率(fps) | 码率(kbps) |
---|---|---|---|---|
Preset180P | 180 × 320 | 180 × 320 | 15 | 300 |
Preset270P | 270 × 480 | 270 × 480 | 15 | 400 |
Preset360P | 360 × 640 | 360 × 640 | 15 | 600 |
Preset540P | 540 × 960 | 540 × 960 | 15 | 1200 |
Preset720P | 720 × 1280 | 720 × 1280 | 15 | 1500 |
Preset1080P | 1080 × 1920 | 1080 × 1920 | 15 | 3000 |
调用 setVideoConfig 接口使用预设值时示例代码如下:
// 使用预设置进行视频设置
zgEngine.setVideoConfig(zgDefines.ZegoVideoConfigPreset.Preset270P);
设置视频视图模式前,需先停止预览或停止拉流,否则无法生效。
通过修改视图对象 ZegoView 的 “viewMode” 参数可以修改视频的视图模式。目前支持三种视频渲染填充模式:
枚举值 | 说明 |
---|---|
AspectFit | 等比缩放,可能有黑边。 |
AspectFill | 等比缩放填充整个 View,可能有部分被裁减。 |
ScaleToFill | 填充整个 View,图像可能被拉伸。 |
三种视频渲染填充模式效果如图所示:
以设置预览视图模式为 “AspectFit” 并开始预览为例:
let view = {viewMode: zgDefines.ZegoViewMode.AspectFit, canvas: localCanvas};
// 开始预览
zgEngine.startPreview(view);
该功能在推流前、后设置均可,设置后即时生效。
你可以调用 setVideoMirrorMode 设置本地预览视频以及推送的视频是否开启镜像模式。目前支持如下四种镜像模式:
枚举值 | 说明 |
---|---|
NoMirror | 本地预览和拉流端看到的视频都不是镜像画面。 |
OnlyPreviewMirror | 只有本地预览时才是镜像画面,默认采用此模式。 |
OnlyPublishMirror | 只有拉流端看到的视频才是镜像画面。 |
BothMirror | 本地预览和拉流端看到的视频都是镜像画面。 |
四种镜像模式的效果如下:
以设置拉流端镜像显示,设置本地预览非镜像显示为例:
// 设置镜像模式为只有拉流端看到的视频才是镜像画面
zgEngine.setVideoMirrorMode(zgDefines.ZegoVideoMirrorMode.OnlyPublishMirror);
联系我们
文档反馈