HTML制作点播图,html页面通过flv.js实现视频监控直播和点播功能。

最近在做关于视频平台的直播和点播功能，服务端使用的是SRS版本，计划手机APP使用PLDroidPlayer来通过http-flv的方式实现视频的直播和点播，Web端可以使用flv.js。目前手机端没有什么问题，介绍下使用html5页面方式通过http-flv来进行视频的直播和点播，直播和点播都使用flv。

1、在点播的时候，使用yamdi对flv视频文件添加关键帧，然后将视频文件存储在nginx服务器上，同样将html页面存储在nginx的目录下，具体代码如下： flvVod.html

flv.js demo

Your browser is too old which doesn't support HTML5 video.

开始 暂停 停止 跳转

2、在直播的时候，如果使用的是SRS2版本时候，会遇到CORS 头缺少 'Access-Control-Allow-Origin'问题，通过在SRS上查找问题，发现是SRS2版本上不支持第三方网站的跨域访问，在SRS3版本上已有修复，w->header()->set("Access-Control-Allow-Origin", "*");，直播的html代码如下： flvLive.html

flv.js demo

Your browser is too old which doesn't support HTML5 video.

直播效果页面如下：

3、设备侧推流代码如下： ffmpeg -re -i fkdwc.flv -vcodec copy -acodec copy -f flv -y rtmp://10.139.19.55/live/livestreams