树莓派视频监控平台实现录制归档 (2)

stream-record-play

至此,视频监控平台就实现了录制归档功能。

5. 开发视频归档列表页面

为了方便查看树莓派中录制的视频列表,可以开发一个简单的页面用于显示已经录制的视频,实现这个功能只需要简单的两步即可。

视频列表显示页面开发

<body> <a href="http://www.likecs.com/"> 查看视频监控 >>> </a> <br> <br> <div> <table> <tr> <td>视频名称</td> <td>视频大小</td> <td>录制时间</td> </tr> #for(v : fList) <tr> <td>#(v.name)</td> <td>#(v.size)</td> <td>#(v.time)</td> </tr> #end </table> </div> </body>

归档视频列表接口开发

public void index() { List<VideoVO> fList = new ArrayList<>(20); SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); File dir = new File(Const.RECORD_DIR); File[] fArray = dir.listFiles(f -> f.getName().endsWith(".flv")); if (fArray != null) { for (File f : fArray) { VideoVO vo = new VideoVO(); vo.setName(f.getName()); vo.setSize(f.length()); vo.setTime(sdf.format(new Date(Long.parseLong(f.getName().replace(".flv", ""))))); fList.add(vo); } } setAttr("fList", fList); render("index.html"); }

最终效果如下:

stream-record-list

6. 拓展玩法

虽然这个视频监控平台已经实现了监控和录制功能,但仍有部分缺陷,如果有兴趣可以进行拓展。
比如:

录制视频使用ffmpeg进行转码,然后使用HTML5-video标签进行播放回看。

录制视频提供删除和定期清理功能。

录制视频提供下载功能。

=========================================================
项目源码可关注公众号 “HiIT青年” 发送 “raspi-record” 获取。

HiIT青年

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zydpyf.html