Skip to content

Latest commit

 

History

History
46 lines (26 loc) · 1.22 KB

README.md

File metadata and controls

46 lines (26 loc) · 1.22 KB

Video2Html

一个视频转html工具

Demo

http://mkanako.github.io/Video2Html/

img

原理

使用 ffmpeg 对视频截图,然后程序处理图片生成数据,压缩,分割成 n 个 zip 包,然后前端 js 边下载 zip 包,边解压,边渲染 DOM

PS:Demo是3分钟的视频,整个页面所有的请求流量是7.2M,可以接受_(:з」∠)_

PS2:综合了播放帧率,数据量大小,截图是每秒4张,而且页面播放帧率也难以精确控制,所以播放的时候可能会有卡顿,闪屏,跟声音不同步等现象(>﹏<)

安装

下载本项目源代码到你本地

然后修改Video2Html.php

$ffmpeg='';

为你的本机的ffmpeg路径

ffmpeg可在这里下载,自行选择相应的系统版本

http://www.ffmpeg.org/download.html

使用

php -f Video2Html.php you/path/of/video.mp4

正常执行成功的话就会在视频的同级目录下生成html代码文件夹,然后需要通过HTTP服务器来进行查看,直接打开index.html是不行的

注意:php版本需要5.4以上

Licence

MIT © kanako