基于web的在线视频编辑的设计

前言

在这里，先吐槽一下，最近一直很忙，就要过年了，公司项目赶得要命，吃不好，睡不好，周末都没得休息（写到这里就憋着一肚火了）。不过，付出还是有回报的，在团队的合作努力下，项目还是在过年前完成了，最近也一直在优化和测试，总体上是轻松了很多。我在这里纯碎吐槽，其实也从侧面反映出了作为程序员，工程师的工作的加班，不确定的情况，真的，有时觉得自己这样子整天为了项目，加班加的厉害，好像是自己的生活除了工作，就没有其他的吗？牺牲陪家人的时间，牺牲了很多很多，回报却不一定成正比。越说越伤心，还是别说算了吧，体验过才懂！说回正题

基于web的在线视频编辑的设计

我在这里首先说明一下，本设计只涉及到逻辑设计和关键的技术，具体的实现方法，语言就得运用自己的特长去解决了。

场景：

（1）比如我用手机录播一段很长的MP4格式的视频，我想剪切其中的几段，然后在合并成一个新的视频。如果按照传统的方法，我们肯定的要用专业的视频编辑软件，但很遗憾，专业的视频编辑软件只针对专业的人员，怎么做到傻瓜式操作，就可以完成，这才是很重要的。

（2）再比如我现在流行的教育视频云平台，随着互联网+,和云存储技术的日益成熟，现在很多的学校都会讲都开始建立自己的教学视频资源云平台，将老师上课的资源通过自动录播的嵌入式系统录播并存储在服务器上，教师可以根据自己上课的优秀的视频进行裁剪，或者将几段很精彩的视频进行合并成一个新的视频，整个过程，教师不需要任何下载视频，再通过专业的视频软件编辑，然后再上传，这种操作是越来越不符合体验了。如果能够再到，教师登录视频云存储视频平台，选择需要剪切或者合并的视频，直接合并，在这个过程，几分钟的过程就可以完成了。这是一个很好的应用场景，当然整个视频云平台这也是一个很庞大的系统，也是我们正在开发的项目，视频编辑只是其中的一部分。其实，应用的场景还有很多很多。。。。

架构：

（1）首先要实现web式，那肯定的基于B/S端式的架构。要对视频进行编辑，首先的可以播放，看这个视频，所以前端的架构，我们就得有一个web播放器。其实像优酷，爱奇艺这种web在线播放，是基于flash的，大过因为html5的标准已定稿，很多的浏览器厂商的浏览器都已经是支持html5的video标签的，但是如果我们自己来基于video重新开发一个有着强大功能的播放器的话，那肯定是很有难度的，所以我会选择一些开源的甚至是兼容flash和html5的播放器。这种播放器很多，在这里我选择一款我比较熟悉，大家公认比较好的播放器，叫flowplayer。大家可以在百度上查找资料，到官网上查看指导手册（这个是必须的）。

（