仿微信视频拍摄UI, 基于ffmpeg的视频录制编辑(上)

欢迎Follow我的GitHub, 关注我的CSDN. 其余参考Android目录 我们微信公众号：杨守乐

推荐文章：

如果你喜欢上了一个程序员小伙，献给所有的程序员女友

学习资料（干货汇集）不断更新【更新于2017-2-25】

Android Studio 2.3 正式起航（玩爆Android Studio 2.3必备）

原文链接： http://www.jianshu.com/p/5a173841a828

仿微信视频拍摄UI, 基于ffmpeg的视频录制编辑(上)—— 由  吧主  分享

因为最近项目做了关于视频拍摄和视频处理的需求, 所以特来分享一下, 做了一个基于微信录制,  分析ffmpeg视频编辑的demo, 首先看下使用效果:

功能主要包含5点: 

1.基于ffmpeg的视频拍摄及合成;

2.自定义拍摄按钮, 长按放大并且显示拍摄进度;

3.自定义view, 实现手绘涂鸦;

4.自定义可触摸旋转缩放位移的表情文字view;

5.基于ffmpeg的图片和视频合成处理.

界面风格高仿微信, 只不过微信的编辑处理是作用于图片, 而我们的是基于视频, 所以如果你有需求, 把视频编辑处理换成图片编辑, 更是简单.

1.实现使用ffmpeg录制视频

首先导入lib库和ffmpeg的录制java文件, 我使用的是第三方VCamera封装的ffmpeg, 他没有jar包, 所以需要将con.yixia包下的所有文件都copy过来:

请注意! com.yixia的包名也要完整的copy过来, 要不然找不到so库, 会崩溃!

然后在application里面初始化VCamera:

这个时候, 你就可以在SurfaceView上看见拍摄预览界面了, 

然后mMediaRecorder.startRecord()拍摄视频, 

调用mMediaRecorder.stopRecord()停止录制视频, 

因为拍摄出来的文件是ts视频流, 所以还要调用mMediaRecorder.startEncoding()开始合成MP4视频文件.

MediaRecorderBase类还可以设置视频各个参数, 如:

2.自定义拍摄按钮, 长按放大并且显示拍摄进度

自定义RecordedButton继承View, 在onDraw里分三部分绘制:

在拍摄模式下, 改变radius(半径), 达到放大或者缩小外圈和内圈圆的效果, 不断增加girth值达到显示拍摄进度的效果, 是不是很简单.

3.自定义view, 实现手绘涂鸦

自定义TuyaView继承View, 重写onTouch(), 在手指点下和移动时实时绘制触摸轨迹:

在手指按下时创建new Path()对象, 记录本次手指触摸移动轨迹, 并且实时调用invalidate() 达到不断调用onDraw()的目的, 然后使用canvas.drawPath(path,paint)绘制触摸路径, 是不是非常简单.

4.自定义可触摸旋转缩放位移的表情文字view

这个view稍微有点麻烦, 但我单独写了一篇文章(点我跳转), 非常详细的讲解了这个view, 而且封装的非常好, 只要addView到布局中就可以使用了, 大家可以点击链接过去看一下.

5.基于ffmpeg的图片和视频合成处理

这也是demo的最后一步, 将涂鸦,和表情文字全部合成到视频当中, 首先是得到需要合成的图片, 我们可以通过view.draw(Canvas canvas),得到布局的bitmap:

然后通过ffmpeg来执行图片和视频的合成, 具体语句是这样的:

ffmpeg -i videoPath -i imagePath -filter_complex overlay=0:0 -vcodec libx264 -profile:v baseline -preset ultrafast -b:v 3000k -g 25 -f mp4 outPath

我把参数讲解一下: videoPath代表你要编辑视频的路径

imagePath代表你要合成的图片路径

outPath是合成之后的输出视频路径

这些是我们需要替换的参数至于一些别的, 例如:

overlay=0:0表示图片坐标位置, 0:0表示x轴=0,y轴=0

-vcodec后面表示视频输出格式, 3000k码率, 25帧数, 总之ffmpeg的参数还有很多, 如果感兴趣可以去ffmpeg官网看命令大全.

向UtilityAdapter.FFmpegRun()里传入ffmpeg语句就可以执行了, 返回值 int , 如果等于0就是成功, 非0则是失败, FFmpegRun()方法的第一参数如果传入空字符串就是异步执行视频处理, 否则就是同步执行, 这点要注意.

推荐文章

1、Android面试经验大解密

2、Android的viewHolder模式解剖

3、Android中必须学习的八大开源项目（开发项目必看）

4、如何自学Android, 教大家玩爆Android（成为大神必看）

5、2016 Google hosts 持续更新【更新 于:2016-08-27】（免费翻墙必备）

6、Android面试经验总结（面试成功必备）

7、Android Studio 个性化设置（装逼必备）

8、Android Studio 2.2 正式起航（玩爆Android Studio 2.2必备）

9、Android Studio 2.3 正式起航（玩爆Android Studio 2.3必备）

Android Studio 2.2 新功能实例代码：

Android Studio 2.2新功能实例源码（玩爆Android Studio 2.2必备）

Android Studio 2.2新功能介绍：

What's new in Android development tools - Google I/O 2016（YouTube视频需要自备梯子）

【GitHub】https://github.com/xiaole0310

【csdn博客】http://blog.csdn.net/xiaole0313

【新浪微博】http://weibo.com/xiaole0313

【知乎】http://www.zhihu.com/people/yang-shou-le

【简书】http://www.jianshu.com/users/1a47e8afa34a

【技术群】279126311 [满]

【技术群】484572225 [未]

【Email】ysle0313@gmail.com

Android Studio 2.2 新功能实例代码：

Android Studio 2.2新功能实例源码（玩爆Android Studio 2.2必备）

如果你有好的文章想和大家分享，欢迎投稿，直接向我投递文章链接即可。

欢迎扫描关注我们的微信公众号（ysle_0313），不要错过每一篇干货~

一键关注我们微信公众号ysle_0313