TRTC横竖屏切换

原创

腾讯云-chaoli

修改于 2020-09-23 13:09:38

3.2K0

修改于 2020-09-23 13:09:38

文章被收录于专栏：即时通信与音视频

一、简介

本篇主要介绍TRTC通话时，横竖屏切换接口的调用示例、通话效果。

音视频通话完整链路，大致是：本地采集、本地预览、编码输出、网络传输、接收解码渲染。
这几步中有四个环节，能捕获到视频的角度参数：本地采集、本地预览、编码输出、接收解码渲染，
其中本地采集是摄像头硬件默认的，而本地预览、编码输出、接收解码渲染这三步，可以改变音视频数据的角度，
TRTC提供了这三个api，满足您的画面横竖屏切换需求。

用户要的只是4种效果：自己横竖屏切换+对方看到的横竖屏切换，但是sdk却有4X4X4=64种实现方式，一旦遇到问题就很费解。以下将引导：用最简单的方式，体验sdk的横竖屏切换功能。

二、api介绍

参考api文档描述：

setLocalViewRotation可以改变本地渲染预览方向，支持调整4个方向。

setRemoteViewRotation可以远端视频的渲染方向，支持调整4个方向。

setVideoEncoderRotation可以改变sdk编码输出的方向，6.9版本的sdk开始支持4个方向

三、代码示例和通话效果

0、代码修改

以sdk包中的SimpleDemo为例，修改“视频通话”功能模块下的按钮点击事件，如下

else if (id == R.id.trtc_btn_mute_audio) {
//            muteAudio();

            new AlertDialog.Builder(this)
                    .setTitle("请选择")
                    .setIcon(android.R.drawable.ic_dialog_info)
                    .setSingleChoiceItems(new String[]{"本地渲染0度","本地渲染90度","本地渲染180度","本地渲染270度"}, -1, new DialogInterface.OnClickListener(){
                        public void onClick(DialogInterface arg0, int arg1) {
                            switch (arg1) {
                                case 0:mTRTCCloud.setLocalViewRotation(TRTCCloudDef.TRTC_VIDEO_ROTATION_0);break;
                                case 1:mTRTCCloud.setLocalViewRotation(TRTCCloudDef.TRTC_VIDEO_ROTATION_90);break;
                                case 2:mTRTCCloud.setLocalViewRotation(TRTCCloudDef.TRTC_VIDEO_ROTATION_180);break;
                                case 3:mTRTCCloud.setLocalViewRotation(TRTCCloudDef.TRTC_VIDEO_ROTATION_270);break;
                                default: break;
                            }
                            arg0.dismiss();
                        }
                    })
                    .setNegativeButton("取消", null)
                    .show();
            
        }

else if (id == R.id.trtc_btn_mute_video) {
//            muteVideo();

            new AlertDialog.Builder(this)
                    .setTitle("请选择")
                    .setIcon(android.R.drawable.ic_dialog_info)
                    .setSingleChoiceItems(new String[]{"远端渲染0度","远端渲染90度","远端渲染180度","远端渲染270度"}, -1, new DialogInterface.OnClickListener(){
                        public void onClick(DialogInterface arg0, int arg1) {
                            switch (arg1) {
                                case 0:mTRTCCloud.setRemoteViewRotation("123",TRTCCloudDef.TRTC_VIDEO_ROTATION_0);break;
                                case 1:mTRTCCloud.setRemoteViewRotation("123",TRTCCloudDef.TRTC_VIDEO_ROTATION_90);break;
                                case 2:mTRTCCloud.setRemoteViewRotation("123",TRTCCloudDef.TRTC_VIDEO_ROTATION_180);break;
                                case 3:mTRTCCloud.setRemoteViewRotation("123",TRTCCloudDef.TRTC_VIDEO_ROTATION_270);break;
                                default: break;
                            }
                            arg0.dismiss();
                        }
                    })
                    .setNegativeButton("取消", null)
                    .show();

        }

else if (id == R.id.trtc_btn_log_info) {
//            showDebugView();
            
            new AlertDialog.Builder(this)
                    .setTitle("请选择")
                    .setIcon(android.R.drawable.ic_dialog_info)
                    .setSingleChoiceItems(new String[]{"编码输出0度","编码输出90度","编码输出180度","编码输出270度"}, -1, new DialogInterface.OnClickListener(){
                        public void onClick(DialogInterface arg0, int arg1) {
                            switch (arg1) {
                                case 0:mTRTCCloud.setVideoEncoderRotation(TRTCCloudDef.TRTC_VIDEO_ROTATION_0);break;
                                case 1:mTRTCCloud.setVideoEncoderRotation(TRTCCloudDef.TRTC_VIDEO_ROTATION_90);break;
                                case 2:mTRTCCloud.setVideoEncoderRotation(TRTCCloudDef.TRTC_VIDEO_ROTATION_180);break;
                                case 3:mTRTCCloud.setVideoEncoderRotation(TRTCCloudDef.TRTC_VIDEO_ROTATION_270);break;
                                default: break;
                            }
                            arg0.dismiss();
                        }
                    })
                    .setNegativeButton("取消", null)
                    .show();

        }