视频上传转码

所有视频操作的整套流程做得挺全,适合前端同学了解视频上传、转码到播放的完整链路。

文件上传用的是 HTML5 的File API,响应也快,还能实时显示进度条,用户体验比较友好。你只要加个<input type="file">,搭配点 JS 就能跑起来,后端用啥都行,Node.jsPHP都能接。

视频转码这块,是用ffmpeg的,把视频转成 FLV 格式。虽然现在 FLV 有点老了,但拿来做基础理解还是蛮有的,适合玩转视频的入门操作。你想调清晰度、改码率、压文件,都能搞,命令行用熟了爽。

在线播放部分走的是Flash Player,嗯,确实比较老,但有助于你了解以前的视频是怎么流式播放的,边下边播,不卡顿。现在嘛,主流还是HTML5<video>标签,支持MP4WebM,跨平台也稳得。

整体风格有点像“简化版优酷”,思路清晰,代码也不复杂。如果你想搭个小型视频服务,这套流程拿来参考一下蛮不错的。再进阶点,可以考虑多码率切换、版权控制之类的高级玩法。

如果你对转码感兴趣,推荐看看这个ffmpeg 视频转码工具;要搞在线播放,也可以看看jQuery MP4 播放代码,都挺实用。

rar 文件大小:27.85MB