self.view.backgroundColor = [UIColor whiteColor];
UIEdgeInsets edgeInsets = UIEdgeInsetsZero;
if (@available(iOS 11.0, *)) {
edgeInsets = [UIApplication sharedApplication].keyWindow.safeAreaInsets;
[self.view addSubview:self.headerView];
[self.headerView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(edgeInsets.top);
make.left.right.equalTo(self.view);
make.height.mas_equalTo(49);
self.switchCameraBtn.frame = CGRectMake(22, 14, 26, 26);
[self.headerView addSubview:self.switchCameraBtn];
[self.switchCameraBtn mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(22);
make.size.mas_equalTo(26);
make.centerY.equalTo(self.headerView);
[self.headerView addSubview:self.roomIdLabel];
[self.roomIdLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.center.equalTo(self.headerView);
make.left.greaterThanOrEqualTo(self.switchCameraBtn.mas_right).mas_offset(22);
self.roomIdLabel.text = [NSString stringWithFormat:@"RoomID: %@",self.roomID];
[self.headerView addSubview:self.switchAudioRouteBtn];
[self.switchAudioRouteBtn mas_makeConstraints:^(MASConstraintMaker *make) {
make.right.mas_equalTo(-20);
make.centerY.equalTo(self.headerView);
[self.view addSubview: self.foooterView];
[self.foooterView mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.right.equalTo(self.view);
make.bottom.equalTo(self.view).offset(-edgeInsets.bottom);
make.height.mas_equalTo(49);
[self.foooterView addSubview:self.localAudioBtn];
[self.localAudioBtn mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(42);
make.centerY.equalTo(self.foooterView);
[self.foooterView addSubview:self.localVideoBtn];
[self.localVideoBtn mas_makeConstraints:^(MASConstraintMaker *make) {
make.right.mas_equalTo(-42);
make.centerY.equalTo(self.foooterView);
[self.foooterView addSubview:self.hangUpBtn];
[self.hangUpBtn mas_makeConstraints:^(MASConstraintMaker *make) {
make.center.equalTo(self.foooterView);
[self.view addSubview:self.containerView];
[self.containerView mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.right.equalTo(self.view);
make.top.equalTo(self.headerView.mas_bottom);
make.bottom.equalTo(self.foooterView.mas_top);
[self.containerView addSubview:self.localView];
[self.localView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.left.equalTo(self.containerView);
make.width.height.equalTo(self.containerView).multipliedBy(0.5);
[self.containerView addSubview:self.firstRemoteView];
[self.firstRemoteView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.right.equalTo(self.containerView);
make.width.height.equalTo(self.containerView).multipliedBy(0.5);
[self.containerView addSubview:self.secondRemoteView];
[self.secondRemoteView mas_makeConstraints:^(MASConstraintMaker *make) {
make.bottom.left.equalTo(self.containerView);
make.width.height.equalTo(self.containerView).multipliedBy(0.5);
[self.containerView addSubview:self.thirdRemoteView];
[self.thirdRemoteView mas_makeConstraints:^(MASConstraintMaker *make) {
make.bottom.right.equalTo(self.containerView);
make.width.height.equalTo(self.containerView).multipliedBy(0.5);