【Android App】实战项目之仿抖音的短视频分享App（附源码和演示视频超详细必看）

ゞ浴缸里的玫瑰 2023-09-30 17:23 11阅读 0赞

> **需要全部代码请点赞关注收藏后评论区留言私信~~~**

与传统的影视行业相比，诞生于移动互联网时代的短视频是个全新行业，它制作方便又容易传播，一出现就成为大街小巷的时髦潮流。 各行各业的人们均可通过短视频展示自己，短小精悍的视频片段原来能够容纳如此丰富的内蕴。许多人依靠短视频获得大量关注，乃至成为谋生手段，本人甚至成为网红。 这些都离不开短视频分享平台的推波助澜，尤其是一对欢喜冤家——抖音和快手，它们的使用频率甚至超过了老牌App。其中抖音的国际版TikTok更是风靡全球，它鼓励国外年轻人勇敢表现自我，成为中国企业的出海标杆。

## 一、需求描述 ##

短视频分享平台需要满足两种角色的使用：

（1）一种是作为内容创作者发布自己的视频，

（2）另一种是作为用户欣赏平台上的已有视频。

还有一些点赞关注弹幕功能这里就不再赘述了 相信大家对短视频平台都不陌生

## 二、功能分析 ##

短视频分享与传统的图文界面大相径庭，因为单个短视频就已经填满了整块屏幕，势必要求采取专门的方式浏览短视频，从用户界面到后台服务，短视频分享主要集成了以下App技术

（1）二代翻页视图：向上滑动浏览界面能够拉出新视频。

（2）下拉刷新控件：下拉手势会触发刷新动作获取最新发布的视频。

（3）新型播放器：ExoPlayer能够快速响应网络视频。

（4）相机视图：录制短视频需要自定义相机视图。

（5）媒体检索工具：从视频中截取某帧作为视频封面。

（6）循环视图：备选的视频各帧画面从左往右依次排开。

（7）网络通信框架：上传视频信息与获取视频列表均需与后端交互。

（8）移动数据格式JSON：通过JSON结构封装http交互数据。

下面介绍代码模块中各部分之间的关系

（1）ShortViewActivity.java：这是短视频分享的浏览首页。

（2）VideoFragment.java：这是每个短视频的碎片页。

（3）ShortTakeActivity.java：这是视频录制页面。

（4）ShortEditActivity.java：这是视频信息的编辑页面。

（5）ShortCoverActivity.java：这是视频封面的挑选页面。

（6）VideoLoadTask.java：这是视频列表的加载任务。

## 三、效果展示 ##

在初始界面可以点击录制视频 录制完之后进入编辑页面，可以输入视频的名称 摘要 描述 日期等等信息 发布之后可以自己观看（此处要连接后台服务器IDEA）

![159d5f600b26480c987825c2e2a2329d.png][]

![e2066fa3d5744554beca10021c3169e8.png][]

![f0354bb6b6424d1597e52a6ee941cfea.jpeg][]

## 四、代码 ##

部分代码如下 **需要全部代码请点赞关注收藏后评论区留言私信~~~**

短视频分享首页代码

package com.example.video;
    
    import android.content.Intent;
    import android.os.Bundle;
    import android.view.WindowManager;
    
    import androidx.appcompat.app.AppCompatActivity;
    import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;
    import androidx.viewpager2.widget.ViewPager2;
    
    import com.example.video.adapter.VideoPagerAdapter;
    import com.example.video.bean.VideoInfo;
    import com.example.video.task.VideoLoadTask;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class ShortViewActivity extends AppCompatActivity {
        private SwipeRefreshLayout srl_dynamic; // 声明一个下拉刷新布局对象
        private List<VideoInfo> mVideoList = new ArrayList<>(); // 声明一个地址列表
        private VideoPagerAdapter mAdapter; // 声明一个视频翻页适配器对象
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_short_view);
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); // 保持屏幕常亮
            initView(); // 初始化视图
            startLoad(); // 开始加载短视频
        }
    
        // 初始化视图
        private void initView() {
            srl_dynamic = findViewById(R.id.srl_dynamic);
            ViewPager2 vp2_content = findViewById(R.id.vp2_content);
            srl_dynamic.setOnRefreshListener(() -> startLoad()); // 设置下拉布局的下拉刷新监听器
            // 构建一个视频地址的翻页适配器
            mAdapter = new VideoPagerAdapter(this, mVideoList);
            vp2_content.setAdapter(mAdapter); // 设置二代翻页视图的适配器
            findViewById(R.id.iv_add).setOnClickListener(v ->
                    startActivity(new Intent(this, ShortTakeActivity.class)));
        }
    
        // 开始加载最新的短视频
        private void startLoad() {
            // 创建一个视频列表加载任务
            VideoLoadTask task = new VideoLoadTask(this, videoList -> {
                srl_dynamic.setRefreshing(false); // 结束下拉刷新布局的刷新动作
                mVideoList.clear();
                mVideoList.addAll(videoList);
                mAdapter.notifyDataSetChanged(); // 通知适配器数据发生变化
            });
            task.start(); // 启动短视频列表加载任务
        }
    
    }

短视频任务类代码

package com.example.video;
    
    import android.content.Intent;
    import android.hardware.camera2.CameraCharacteristics;
    import android.net.Uri;
    import android.os.Bundle;
    import android.text.TextUtils;
    import android.view.View;
    import android.view.animation.Animation;
    import android.view.animation.Transformation;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.RelativeLayout;
    import android.widget.TextView;
    import android.widget.Toast;
    import android.widget.VideoView;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.video.util.MediaUtil;
    import com.example.video.util.Utils;
    import com.example.video.widget.ArcView;
    import com.example.video.widget.Camera2View;
    
    public class ShortTakeActivity extends AppCompatActivity {
        private final static String TAG = "ShortTakeActivity";
        private RelativeLayout rl_preview; // 声明一个相对布局对象
        private VideoView vv_content; // 声明一个视频视图对象
        private RelativeLayout rl_record; // 声明一个相对布局对象
        private Camera2View c2v_preview; // 声明一个二代相机视图对象
        private TextView tv_cost; // 声明一个文本视图对象
        private ImageView iv_record; // 声明一个图像视图对象
        private ArcView av_progress; // 声明一个圆弧视图对象
        private LinearLayout ll_next; // 声明一个线性布局对象
        private int mCameraType = CameraCharacteristics.LENS_FACING_BACK; // 默认使用后置摄像头拍照
        private boolean isRecording = false; // 是否正在录像
        private int MAX_RECORD_TIME = 15; // 最大录制时长，默认15秒
        private String mVideoPath; // 待上传的视频文件路径
        private int CHOOSE_CODE = 3; // 只在视频库挑选视频的请求码
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_short_take);
            initView(); // 初始化视图
            initCamera(); // 初始化相机
        }
    
        // 初始化视图
        private void initView() {
            findViewById(R.id.iv_back).setOnClickListener(v -> finish());
            rl_preview = findViewById(R.id.rl_preview);
            c2v_preview = findViewById(R.id.c2v_preview);
            vv_content = findViewById(R.id.vv_content);
            rl_record = findViewById(R.id.rl_record);
            tv_cost = findViewById(R.id.tv_cost);
            iv_record = findViewById(R.id.iv_record);
            av_progress = findViewById(R.id.av_progress);
            iv_record.setOnClickListener((v) -> dealRecord()); // 处理录像动作
            findViewById(R.id.btn_album).setOnClickListener(v -> {
                // 创建一个内容获取动作的意图（准备跳到系统视频库）
                Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
                intent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, false); // 是否允许多选
                intent.setType("video/*"); // 类型为视频
                startActivityForResult(intent, CHOOSE_CODE); // 打开系统视频库
            });
            findViewById(R.id.iv_switch).setOnClickListener((v) -> {
                mCameraType = (mCameraType == CameraCharacteristics.LENS_FACING_BACK) ?
                        CameraCharacteristics.LENS_FACING_FRONT : CameraCharacteristics.LENS_FACING_BACK;
                c2v_preview.switchCamera(mCameraType); // 切换摄像头
            });
            ll_next = findViewById(R.id.ll_next);
            findViewById(R.id.btn_cancel).setOnClickListener(v -> finish());
            findViewById(R.id.btn_next).setOnClickListener((v) -> {
                // 下面跳到视频编辑界面
                Intent intent = new Intent(this, ShortEditActivity.class);
                intent.putExtra("video_path", mVideoPath);
                startActivity(intent);
            });
        }
    
        // 处理录像动作
        private void dealRecord() {
            if (!isRecording) {
                iv_record.setImageResource(R.drawable.short_stop);
                c2v_preview.startRecord(MAX_RECORD_TIME, false); // 开始录像
                startRecordAnim(); // 播放录像动画
                isRecording = !isRecording;
            } else {
                rl_record.setVisibility(View.GONE);
                c2v_preview.stopRecord(); // 停止录像
            }
        }
    
        // 初始化相机
        private void initCamera() {
            // 初始化二代相机，并指定准备就绪监听器和停止录像监听器
            c2v_preview.initCamera(mCameraType, (size) -> {
                int adjustHeight = Utils.getScreenWidth(this) * size.getWidth() / size.getHeight();
                RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) c2v_preview.getLayoutParams();
                params.height = adjustHeight; // 根据预览尺寸调整预览窗口的高度
                c2v_preview.setLayoutParams(params); // 设置预览视图的布局参数
            }, (result) -> {
                runOnUiThread(() -> {
                    isRecording = false;
                    Toast.makeText(this, result, Toast.LENGTH_SHORT).show();
                    mVideoPath = c2v_preview.getVideoPath();
                    playVideo(); // 播放视频
                });
            });
        }
    
        // 播放视频
        private void playVideo() {
            c2v_preview.closeCamera(); // 关闭相机
            rl_preview.setVisibility(View.GONE);
            rl_record.setVisibility(View.GONE);
            vv_content.setVisibility(View.VISIBLE);
            vv_content.setVideoURI(Uri.parse(mVideoPath)); // 设置视频视图的视频路径
            // 设置视频视图的就绪监听器，在播放源准备完成后，命令媒体播放器循环播放视频
            vv_content.setOnPreparedListener(mp -> mp.setLooping(true));
            vv_content.start(); // 视频视图开始播放
            ll_next.setVisibility(View.VISIBLE);
        }
    
        // 播放录像动画
        private void startRecordAnim() {
            tv_cost.setVisibility(View.VISIBLE);
            av_progress.setVisibility(View.VISIBLE);
            // 定义一个圆弧渐进动画
            Animation animation = new Animation() {
                private String costDesc=""; // 耗时描述
                @Override
                protected void applyTransformation(float interpolatedTime, Transformation t) {
                    String cost = String.format("%.1f秒", MAX_RECORD_TIME*interpolatedTime);
                    if (!costDesc.equals(cost)) { // 秒数发生变化
                        costDesc = cost;
                        tv_cost.setText(costDesc);
                        av_progress.setAngle((int) (360*interpolatedTime)); // 设置圆弧的角度
                    }
                }
            };
            animation.setDuration(MAX_RECORD_TIME*1000); // 设置动画的持续时间
            tv_cost.startAnimation(animation); // 开始播放动画
        }
    
        @Override
        protected void onDestroy() {
            super.onDestroy();
            c2v_preview.closeCamera(); // 关闭相机
        }
    
        @Override
        protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
            super.onActivityResult(requestCode, resultCode, intent);
            if (resultCode==RESULT_OK && requestCode==CHOOSE_CODE) { // 从视频库回来
                if (intent.getData() != null) { // 选择一个视频
                    Uri uri = intent.getData(); // 获得已选择视频的路径对象
                    // 把指定Uri的视频复制一份到内部存储空间，并返回存储路径
                    mVideoPath = MediaUtil.copyVideoFromUri(this, uri);
                    playVideo(); // 播放视频
                }
            }
        }
    
        private int mCurrentPosition = 0; // 当前的播放位置
        @Override
        protected void onResume() {
            super.onResume();
            // 恢复页面时立即从上次断点开始播放视频
            if (!TextUtils.isEmpty(mVideoPath) && mCurrentPosition>0 && !vv_content.isPlaying()) {
                vv_content.seekTo(mCurrentPosition); // 找到指定位置
                vv_content.start(); // 视频视图开始播放
            }
        }
    
        @Override
        protected void onPause() {
            super.onPause();
            // 暂停页面时保存当前的播放进度
            if (!TextUtils.isEmpty(mVideoPath) && vv_content.isPlaying()) { // 视频视图正在播放
                // 获得视频视图当前的播放位置
                mCurrentPosition = vv_content.getCurrentPosition();
                vv_content.pause(); // 视频视图暂停播放
            }
        }
    
    }

**创作不易 觉得有帮助请点赞关注收藏~~~**

[159d5f600b26480c987825c2e2a2329d.png]: https://img-blog.csdnimg.cn/159d5f600b26480c987825c2e2a2329d.png
[e2066fa3d5744554beca10021c3169e8.png]: https://img-blog.csdnimg.cn/e2066fa3d5744554beca10021c3169e8.png
[f0354bb6b6424d1597e52a6ee941cfea.jpeg]: https://img-blog.csdnimg.cn/f0354bb6b6424d1597e52a6ee941cfea.jpeg