在乐器陪练场景中,学生端可能会配置鱼眼镜头,用于让教师看到学生的弹奏动作。但是鱼眼镜头拍摄的画面存在失真。你可以使用声网 API 对鱼眼镜头的画面进行畸变矫正和分离显示处理,帮助教师在教学过程中更好地演示和纠正学生的弹奏动作。
你可以通过以下步骤进行鱼眼镜头画面畸变校正。声网建议在学生端进行鱼眼镜头画面校正操作。
根据镜头的实际情况,设置鱼眼镜头画面矫正参数。
// 鱼眼镜头画面矫正参数。
let config = AgoraFishCorrectionParams()
// x_center 和 y_center 代表鱼眼图像处理的中心位置。取值范围 [0.4, 0.6]。
config.x_center = 0.5
config.y_center = 0.5
// 鱼眼镜头成像的区域大小。取值范围 [1, 5]。
config.scale_factor = 2
// 镜头焦距。取值范围 [20, 40]。
config.focal_length = 28
// 标定鱼眼镜头的参数,通过镜头焦距计算。取值范围 [20, 40]。
config.pol_focal_length = 31
// 鱼眼校正效果切分高度。取值范围 [0, 1]。在切分线以上的画面有鱼眼校正效果,在切分线以下的画面无鱼眼校正效果。
config.split_height = 0.469
// 镜头的一组参数,通过多项式拟合得到。不同类型的鱼眼镜头会有不同的值。
config.ss[0] = 0.8327
config.ss[1] = 0.0
config.ss[2] = -0.5536
config.ss[3] = 0.4999
config.ss[4] = -0.5590
调用 enableFishCorrection
开启鱼眼镜头画面矫正。
agoraKit.enableFishCorrection(true, config)
你可以通过以下步骤进行画面分离。声网建议在教师端进行画面分离操作,分离后的画面再传回学生端。
调用 enableVideoMultiRenderer
启用多重渲染。
// 必须在调用 setupRemoteVideo、setupLocalVideo、setLocalVideoMirrorMode、setRemoteRenderMode、setLocalRenderMode 之前调用该方法
agoraKit.enableVideoMultiRenderer(true)
调用 setupLocalVideo
和 setupRemoteVideo
分别增加本地和远端的渲染视图。
let canvas = AgoraRtcVideoCanvas()
// 设置渲染的视频源
canvas.sourceType = AgoraVideoSourceType.camera
// 设置裁剪后出现在渲染区域的图像
canvas.cropArea.xPoint = 100
canvas.cropArea.yPoint = 100
canvas.cropArea.width = 400
canvas.cropArea.height = 400
// 增加本地渲染视图
agoraKit.setupLocalVideo(canvas, AgoraVideoViewSetupMode.AgoraVideoViewSetupAdd)
// 增加远端渲染视图
agoraKit.setupRemoteVideo(canvas, AgoraVideoViewSetupMode.AgoraVideoViewSetupAdd)
- (int) enableFishCorrection:(BOOL)enable
params:(AgoraFishCorrectionParams *_Nullable)params;
开启或关闭鱼眼镜头画面畸变矫正。
参数 | 说明 |
---|---|
enable | 是否开启鱼眼镜头画面矫正。
|
params | 畸变矫正参数。详见 AgoraFishCorrectionParams 。 |
- (int)enableVideoMultiRenderer:(BOOL)enabled;
开启或关闭多渲染功能。
参数 | 说明 |
---|---|
enabled | 是否开启多渲染功能。
|
- (int)setupLocalVideo:(AgoraRtcVideoCanvas * _Nullable)local
mode:(AgoraVideoViewSetupMode)mode;
(多渲染功能)设置本地渲染画面。
参数 | 说明 |
---|---|
local | 视频渲染画布。详见 VideoCanvas 。 |
mode | 视频渲染模式。详见 VideoViewSetupMode 。 |
- (int)setupRemoteVideo:(AgoraRtcVideoCanvas * _Nonnull)remote
mode:(AgoraVideoViewSetupMode)mode;
(多渲染功能)设置远端渲染画面。
参数 | 说明 |
---|---|
remote | 视频渲染画布。详见 VideoCanvas 。 |
mode | 视频渲染模式。详见 VideoViewSetupMode 。 |
- (int)setupRemoteVideoEx:(AgoraRtcVideoCanvas* _Nonnull)remote
mode:(AgoraVideoViewSetupMode)mode
connection:(AgoraRtcConnection * _Nonnull)connection;
(多频道场景)设置远端渲染画面。
参数 | 说明 |
---|---|
remote | 视频渲染画布。详见 VideoCanvas 。 |
mode | 视频渲染模式。详见 VideoViewSetupMode 。 |
connection | Connection 信息。详见 RtcConnection。 |
__attribute__((visibility("default"))) @interface AgoraFishCorrectionParams : NSObject
@property (nonatomic, assign) float x_center;
@property (nonatomic, assign) float y_center;
@property (nonatomic, assign) float scale_factor;
@property (nonatomic, assign) float focal_length;
@property (nonatomic, assign) float pol_focal_length;
@property (nonatomic, assign) float split_height;
@property (nonatomic, copy) NSArray *_Nonnull ss;
@end
鱼眼镜头画面畸变校正参数。
参数 | 说明 |
---|---|
x_center | 鱼眼图像处理的中心位置 X 坐标。取值范围 [0.4, 0.6]。 |
y_center | 鱼眼图像处理的中心位置 Y 坐标。取值范围 [0.4, 0.6]。 |
scale_factor | 鱼眼镜头成像的区域大小。取值范围 [1, 5]。1 为镜头最内圈,5 为镜头最外圈。 |
focal_length | 镜头焦距。取值范围 [20, 40]。 |
pol_focal_length | 标定鱼眼镜头的参数,通过镜头焦距计算。取值范围 [20, 40]。 |
split_height | 鱼眼校正效果切分高度。取值范围 [0, 1]。在切分线以上的画面有鱼眼校正效果,在切分线以下的画面无鱼眼校正效果。 |
ss | 镜头的一组参数,通过多项式拟合得到。不同类型的鱼眼镜头会有不同的值。 |
__attribute__((visibility("default"))) @interface AgoraVideoCropArea : NSObject
@property (nonatomic, assign) int xPoint;
@property (nonatomic, assign) int yPoint;
@property (nonatomic, assign) int width;
@property (nonatomic, assign) int height;
@end
需要截取的视频画面区域。参数使用屏幕坐标系,原点在屏幕左上角(0, 0)。
参数 | 说明 |
---|---|
参数 | 说明 |
xPoint | 屏幕坐标系中图像左上角顶点的 X 坐标。单位为像素。 |
yPoint | 屏幕坐标系中图像左上角顶点的 Y 坐标。单位为像素。 |
width | 以图像左上角顶点为起始点,截取画面的宽度。单位为像素。 |
height | 以图像左上角顶点为起始点,截取画面的高度。单位为像素。 |
图像的截取方式如下图所示: