必做作业3——基于墨刀的视频剪辑(webApp)

必做作业3——基于基于墨刀的视频剪辑(webApp)

 

运行环境:主流web浏览器,包括Chrome、Firefox、IE 等

项目演示地址:https://modao.cc/app/T6Jj1ksj6CpE1QdTfohdfy1qskDSvgT

 

功能模块

1. 登陆注册

该项目初衷就是设计一个在线视频编辑系统。是一个web端的App。为了有效地收集客户信息,需要添加简单用户模块,以便收集和保存客户信息。该模块功能较为简单,只包含用户登陆用户注册两个功能。简约的操作界面可以很好的吸引客户,同时给与客户良好的产品体验

登陆界面

必做作业3——基于墨刀的视频剪辑(webApp)

 

注册界面

 必做作业3——基于墨刀的视频剪辑(webApp)

 

2.音乐、图片模块

音乐模块

必做作业3——基于墨刀的视频剪辑(webApp)

 

该模块主要作用是上传和保存音频文件,为视频剪辑的背景音乐提供支持。可以简单的试听,但是目前不支持任何音频编辑的功能

 

图片模块

必做作业3——基于墨刀的视频剪辑(webApp)

 

该模块主要作用是保存视频剪辑中的截图,只提供简单的下载和浏览的功能

 

3. 视频剪辑模块

 必做作业3——基于墨刀的视频剪辑(webApp)

必做作业3——基于墨刀的视频剪辑(webApp)

 

 

该模块是App的主要功能模块,该模块主要采用弹窗的形式,将所有的功能点集中在一个界面,避免不必要的界面跳转,以此简化客户进行视频剪辑的操作。主要的功能包含背景音乐、视频(亮度、对比度、饱和度)调节、字幕编辑、效果增强、影片追加(合并)、视频打码、视频剪切、播放、截图、分享模块

 

背景音乐

必做作业3——基于墨刀的视频剪辑(webApp)

 

该模块主要用于增加背景音乐,视频当前的时刻即为音频载入的时刻,目前支持简单功能

视频(亮度、对比度、饱和度)调节

必做作业3——基于墨刀的视频剪辑(webApp)

 

这是一般视频操作常用的功能,主要采用滑块简化操作

字幕编辑

必做作业3——基于墨刀的视频剪辑(webApp)

 

该模块用于在制定时刻为视频增加字幕,同时可对字幕的格式进行修改。字幕编辑同时支持批量操作

效果增强

必做作业3——基于墨刀的视频剪辑(webApp)

 

简单的影像加工,例如增加暖色,冷色,黑白、石化等功能,该操作影像整个影片

影片追加

必做作业3——基于墨刀的视频剪辑(webApp)

 

该功能主要用于多个影片进行合拼,为了简化操作,只提供向后追加切换主视频的功能,该操作会复制被操作的视频文件。合理地使用该操作可以进行多重合并

 

视频打码

该功能主要是对视频进行部分打码,可以选择打码部分的形状,以及打码的力度

 

视频剪切

必做作业3——基于墨刀的视频剪辑(webApp)

 

用于将主视频进行切分,也可以进行多重切分,用户可以拖动进度条上切分坐标,也可复制切分坐标,每两个坐标之间都会生成一个子视频,保存在视频库当中。

 

播放

该功能只是简单播放视频,为客户展示视频剪辑的最终成果,可以进行快进、后退、全屏等一般的播放功能

 

截图

 

该功能只是简单的截取视频中的图片,然后将其保存至图片库

 

分享

必做作业3——基于墨刀的视频剪辑(webApp)

 

该功能可以将制作好的视频文件,分享至第三方社交平台

 

总结

该项目定位于web‘端,是一款在线的视频处理应用程序,相比与一些离线的视频处理软件,它还有许多功能上的不足,不能够很好满足一些高难度的需求,对于视频的处理相对比较简单。主要面向一些比较基础的用户。这也是该项目进行升级的一个主要动力。

由于在线软件的优势,该项目很容易演化成为一个以人为中心的交流平台,后期可以增加论坛,以及作品分享和交流等功能,甚至可以融合一些在线视频播放功能,形成自己的资源站点和客户资源。

 

 

 

 

 

 

 

 

必做作业3——基于墨刀的视频剪辑(webApp)

上一篇:Android 基础 一 AndroidManifest.xml


下一篇:call/apply以及this指向的理解