腾讯云短视频SDKAndroid_音视频解决方案_同尘科技

本篇教程向您介绍如何完成合唱的基础功能。

过程简介

1. 在界面上放两个 View, 一个用来播放，一个用来录制。2. 再放一个按钮和进度条来开始录制和显示进度。3. 录制与源视频相同的时长后停止。4. 把录好的视频与源视频左右合成。5. 预览合成好的视频。

界面搭建

在录制界面 TCVideoRecordActivity 的 activity_video_record.xml 中创建两个 view，左半边是录制界面，右半边是播放界面。


代码部分

对于合唱功能主要使用三大块功能：播放、录制、以及录制后和原视频进行合成，这三个功能对应到 SDK 的类为： TXVideoEditer、TXUGCRecord、TXVideoJoiner，其中播放也可以换成 TXVodPlayer 去播放。1. 从小视频主页的视频列表中，选择一个视频进入播放界面 TCVodPlayerActivity，单击右下角的“合拍”按钮。
首先会下载该视频到本地 sdcard 中，并获取该视频的音频采样率以及 fps 等信息后进入录制界面。2. 进入录制界面 TCVideoRecordActivity 进行合唱。需要注意以下几点：录制进度条以跟拍视频的进度为最大长度。保证录制视频的帧率和合唱视频的帧率一致，否则可能出现音画不同步的现象。保证录制视频的音频采样率和合唱视频的音频采样率一致，否则可能出现音画不同步的现象。录制设置渲染模式为自适应模式，在9:16的宽高比时能等比例缩放。Android 的录制需要设置静音，否则会造成与跟拍视频的“二重唱”。

// 录制的界面mVideoView = mVideoViewFollowShotRecord;// 播放的视频mFollowShotVideoPath = intent.getStringExtra(TCConstants.VIDEO_EDITER_PATH);mFollowShotVideoDuration = (int)(intent.getFloatExtra(TCConstants.VIDEO_RECORD_DURATION, 0) * 1000);initPlayer();// 录制进度条以跟拍视频的进度为最大长度，fps 以跟拍视频的 fps 为准mMaxDuration = (int)mFollowShotVideoDuration;mFollowShotVideoFps = intent.getIntExtra(TCConstants.RECORD_CONFIG_FPS, 20);mFollowShotAudioSampleRateType = intent.getIntExtra(TCConstants.VIDEO_RECORD_AUDIO_SAMPLE_RATE_TYPE, TXRecordCommon.AUDIO_SAMPLERATE_48000);// 初始化合拍的接口mTXVideoJoiner = new TXVideoJoiner(this);mTXVideoJoiner.setVideoJoinerListener(this);

// 播放器初始化，这里使用 TXVideoEditer，也可以使用 TXVodPlayermTXVideoEditer = new TXVideoEditer(this);mTXVideoEditer.setVideoPath(mFollowShotVideoPath);TXVideoEditConstants.TXPreviewParam param = new TXVideoEditConstants.TXPreviewParam();param.videoView = mVideoViewPlay;param.renderMode = TXVideoEditConstants.PREVIEW_RENDER_MODE_FILL_EDGE;mTXVideoEditer.initWithPreview(param);

customConfig.videoFps = mFollowShotVideoFps;customConfig.audioSampleRate = mFollowShotAudioSampleRateType; // 录制的视频的音频采样率必须与跟拍的音频采样率相同customConfig.needEdit = false;mTXCameraRecord.setVideoRenderMode(TXRecordCommon.VIDEO_RENDER_MODE_ADJUST_RESOLUTION); // 设置渲染模式为自适应模式mTXCameraRecord.setMute(true); // 跟拍不从喇叭录制声音，因为跟拍的视频声音也会从喇叭发出来被麦克风录制进去，造成跟原视频声音的"二重唱"。

3. 接下来就可以开始录制了，在录制到最大长度后，会回调 onRecordComplete，继续完成拼接部分，这里需要指定两个视频在结果中的位置。

private void prepareToJoiner(){    List videoSourceList = new ArrayList();    videoSourceList.add(mRecordVideoPath);    videoSourceList.add(mFollowShotVideoPath);    mTXVideoJoiner.setVideoPathList(videoSourceList);    mFollowShotVideoOutputPath = getCustomVideoOutputPath("Follow_Shot_");    // 以左边录制的视频宽高为基准，右边视频等比例缩放    int followVideoWidth;    int followVideoHeight;    if ((float) followVideoInfo.width / followVideoInfo.height >= (float)recordVideoInfo.width / recordVideoInfo.height) {        followVideoWidth = recordVideoInfo.width;        followVideoHeight = (int) ((float)recordVideoInfo.width * followVideoInfo.height / followVideoInfo.width);    } else {        followVideoWidth = (int) ((float)recordVideoInfo.height * followVideoInfo.width / followVideoInfo.height);        followVideoHeight = recordVideoInfo.height;    }
    TXVideoEditConstants.TXAbsoluteRect rect1 = new TXVideoEditConstants.TXAbsoluteRect();    rect1.x = 0;                     //第一个视频的左上角位置    rect1.y = 0;    rect1.width = recordVideoInfo.width;   //第一个视频的宽高    rect1.height = recordVideoInfo.height;
    TXVideoEditConstants.TXAbsoluteRect rect2 = new TXVideoEditConstants.TXAbsoluteRect();    rect2.x = rect1.x + rect1.width; //第2个视频的左上角位置    rect2.y = (recordVideoInfo.height - followVideoHeight) / 2;    rect2.width = followVideoWidth;  //第2个视频的宽高    rect2.height = followVideoHeight;
    List list = new ArrayList();    list.add(rect1);    list.add(rect2);    mTXVideoJoiner.setSplitScreenList(list, recordVideoInfo.width + followVideoWidth, recordVideoInfo.height); //第2、3个 param：两个视频合成画布的宽高    mTXVideoJoiner.splitJoinVideo(TXVideoEditConstants.VIDEO_COMPRESSED_540P, mFollowShotVideoOutputPath);}

4. 监听合成的回调，在 onJoinComplete 后跳转到预览界面播放。

@Overridepublic void onJoinComplete(TXVideoEditConstants.TXJoinerResult result) {    mCompleteProgressDialog.dismiss();    if(result.retCode == TXVideoEditConstants.JOIN_RESULT_OK){        runOnUiThread(new Runnable() {            @Override            public void run() {                isReadyJoin = true;                startEditerPreview(mFollowShotVideoOutputPath);                if(mTXVideoEditer != null){                    mTXVideoEditer.release();                    mTXVideoEditer = null;                }            }        });    }else{        runOnUiThread(new Runnable() {            @Override            public void run() {                Toast.makeText(TCVideoRecordActivity.this, "合成失败", Toast.LENGTH_SHORT).show();            }        });    }}

至此就完成了全部合唱的基础功能，完整代码可以参考 小视频源码。

对音视频的解决方案有疑惑？想了解解决方案收费？ 联系解决方案专家

腾讯云限时活动1折起，即将结束： 马上收藏

同尘科技为腾讯云授权服务中心，购买腾讯云享受折上折，更有现金返利:同意关联，立享优惠

阿里云解决方案也看看？： 点击对比阿里云的解决方案