前端使用二开Thingsboard一、二、三事(七)-集成海康威视h5player(中)

前端使用二开Thingsboard一、二、三事(七)-集成海康威视h5player(中)

本章接着上一章介绍一些海康H5player拓展开发内容，拓展开发的依据就是海康提供的demo功能，具体需要如何展示你自己的H5播放器需要按照自身需求，这里只做一个我自己的页面功能分享

1.H5player demo中的功能说明

运行起demo后可以发现页面上除了H5player播放器外还有很多按钮和输入框，这些按钮就是海康提供的一些操作H5播放器的功能调用按钮，分屏和全屏在预览和回放模式下是都需要使用的，对于预览模式项目要求就是一直播放所以不对预览模式进行功能拓展，回放模式在播放器中是没有任何按钮的，所以回放的所有功能都需要实现，除了海康提供这些功能，项目上还要求实现按分屏进行分页，以及再分屏中播放视频需要在固定分屏窗口中，下面就来一一介绍如何实现这些功能。

首先说明一点，我监控设备（label:设备名称，value:cameraIndexCode）是直接取的