内容如题,文末有demo
核心功能使用rxffmpeg实现
感谢开源sdk-rxffmpeg
今日,公司有个需求,就是对视频实现剪辑,和加水印。先上图:
视频加水印效果
视频剪辑
使用方法
VideoEditFun.getInstance().init(this)
VideoEditFun.getInstance().setOnPicCallback(object : VideoEditFunPicCallback {
override fun loadImage(path: String?, view: ImageView?) {
ImageManager.getInstance().loadNormalPic(path, view)
}
override fun loadImage(resId: Int, view: ImageView?) {
ImageManager.getInstance().loadLocalPic(resId, view)
}
})
VideoEditFun.getInstance().setOnFunCallback(object : VideoEditFunCallback {
override fun addTxt(path: String?) {
KtLogUtil.d("视频信息addTxt:${path}")
}
override fun error(message: String?) {
KtLogUtil.d("视频信息error:${message}")
}
override fun cropPath(path: String?) {
KtLogUtil.d("视频信息cropPath:${path}")
}
})
val path = Environment.getExternalStorageDirectory().getPath() + "/DCIM/Camera/share_d4d8c1b6646faa1527eac44c252dd121.mp4"
// val path = Environment.getExternalStorageDirectory().getPath() + "/DCIM/Camera/VID_20220321_213020.mp4"
// val path = Environment.getExternalStorageDirectory().getPath() + "/DCIM/Camera/VID_20220322_172210.mp4"
// val path = Environment.getExternalStorageDirectory().getPath() +
// "/Screenrecorder-2022-03-03-14-43-16-450.mp4"
VideoEditFun.getInstance().cropVideo(this, path)
// VideoEditFun.getInstance().addText(this, path)
实现讲解
视频剪辑:
怎样获取剪裁位置?
首先脑海里面应该有个思路,我视频的长度,换算为什么东西,才能进行等比例的剪裁,就是这个剪裁的范围值,是怎样算出来的?
这里,我的实现思路,就是把视频剪裁的范围,换算为屏幕的宽度。
设想一下?
视频假如10s,换算为一个1080px的宽度的分辨率。那么,就能得出一个px对应多少s视频长度了吧。
说到这里
应该突然懂了吧,那就直接划到底部吧。
看不懂就继续。
怎样实现?
首先,视频剪裁本质上,是有一个层叠的滑动选择控件,一个是视频长度可以滑动(如果超过范围),再一个,是视频的范围选择控件可以滑动。
对于第一个,我们使用recyclerview实现即可,设定每个item的固定长度,通过layoutmanager获取首尾可以item,计算出视频可见范围。
对于第二个,使用一个可拖动的自定义view,基于第一个可见范围的基础上,再进行范围的选取。
最终我们的范围取值,是基于第二个控件的,第一个控件提供了视频原始范围,第二个控件提供了我们的剪裁范围。
最后,有了剪裁范围,就别扯这么多了,直接调用ffmpeg进行剪裁。
说到这里,不懂的话,直接滑动到底部,下载demo自己看。
视频加水印:
首先,加水印,我这里选择的方法是在视频上,覆盖上一个图片。
什么?图片?是不是明白了什么?
没错,核心就是一个控件的图片获取,核心代码如下:
public static void viewSnapshot(View view, ViewSnapListener listener) {
//使控件可以进行缓存
view.setDrawingCacheEnabled(true);
//获取缓存的 Bitmap
Bitmap drawingCache = view.getDrawingCache();
//复制获取的 Bitmap
drawingCache = Bitmap.createBitmap(drawingCache);
//关闭视图的缓存
view.setDrawingCacheEnabled(false);
if (drawingCache != null) {
if (listener != null) {
listener.success(drawingCache);
}
} else {
if (listener != null) {
listener.failed();
}
}
}
说重点,怎样加个文字在这个控件上面,又怎样实现文字的颜色,文字的拖动。
那就自定义一个文字控件,可以改变颜色,实现拖动,放大缩小的那种。
没错,bitmap是操作核心,那你懂了吧
颜色
这个不用讲了吧,原生属性
拖动
GestureDetector实现坐标获取,然后控件进行位置
放大缩小
就是对控件的拖动操作,判断是放大还是缩小,然后进行绘制
然后获取到一个view的bitmap,然后合成图片,然后合成视频。
注意,图片宽高和视频宽高要等比缩放,不然合成会有拉伸。
获取视频宽高的时候,也要注意旋转角度的适配
说完了,是不是一脸懵?
最后附上demo
that's all----------------------------------------------------------------------------------------