使用mockplus设计大屏原型

先上效果图：

1、安装墨刀软件。下载地址：https://cdn.mockplus.cn/software/Mockplus/Mockplus_Setup_v3.5.0.2.exe

2、使用墨刀工具画图。

3、按次序删除画好的组件。

4、然后启动ffmpeg录屏。

5、按墨刀上的undo按钮，每次恢复一个已删除的组件。

6、由于直接将mp4转换成gif太大，无法上传到csdn博客上。解决：使用ffmpeg将每秒视频中抽出一帧生成一张jpeg文件，再将这些jpeg合成一张gif。

1）录屏：（指定大小，指定位置，指定时长，指定格式）

ffmpeg -f gdigrab -video_size 1280x768 -offset_x 100250 -offset_y 90 -t 20 -r 15 -i desktop -vcodec libx264 d:\x264.mp4

2）转换成jpeg

ffmpeg -ss 0 -t 20 -i D:\x264.MP4 -r 1 -s 320x240 -f image2 D:\mockplusjpeg\pho-%03d.jpeg

3）合成gif

ffmpeg -f image2 -framerate 5 -i D:\mockplusjpeg\pho-%03d.jpeg D:\mockplus.gif

4）如果是想将录屏的mp4，倒序播放：

ffmpeg.exe -i d:\x264.mp4 -filter_complex [0:v]reverse[v] -map [v] -preset superfast d:\x264_reversed.mp4