EasyNVR - 博客园

2017年9月20日

摘要：之前在进行EasyNVR多屏开发的时候，由于多屏功能不需要在手机端展示出来（pc多播放为RTMP，手机端播放为HLS），因此只注意到了引用videojs来进行rtmp的播放。由于不同项目需求不同，对hls流的播放也需要体现出来。 videojs在播放rtmp时，是调用Flash来进行播放的，在播放h 阅读全文

posted @ 2017-09-20 13:15 EasyNVR 阅读(244) 评论(0) 推荐(0) 编辑

2017年9月16日

EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之：bootstrap-datepicker日历插件的实时动态展现

摘要： EasyNVR中有对录像进行检索回放的功能，且先抛开录像的回放，为了更好的用户体验过、让用户方便快捷的找到对应通道对应日期的录像视频，是必须的功能。基于上述的需求，为前端添加一个日历插件，在日历上展示出所有的录像信息，用来告知用户那些日期有回放录像，那些日期不没有回放录像是很有要的。如何实现日历阅读全文

posted @ 2017-09-16 17:44 EasyNVR 阅读(93) 评论(0) 推荐(0) 编辑

EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之：使用BootstrapPagination以分页形式展示数据信息

摘要：上一篇介绍通过接口来获取数据，本篇将介绍如何以分页形式展示出接口获取到的数据获取到的数据往往会很多，为了追去页面的美观和方便用户的检索，需要进行分页的展示； EasyNVR可接如多通道，当我们的通道越发多起来的时候，有时候一通片的展示所有通道，不仅不方便用户的检索，对于页面的美观来说也不是很适合。阅读全文

posted @ 2017-09-16 17:42 EasyNVR 阅读(121) 评论(0) 推荐(0) 编辑

EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之：通过接口获取实时信息

摘要：对于动态网站，要实时更新网站的信息，通过接口来获取实时信息是一个必不可少的部分。EasyNVR可以接入IPC等前端设备，必须要实时获取到对应的IPC实时信息进行展示。本篇主要说明Ajax来获取数据。以EasyNVR通道接口进行说明：操作: H5列表显示；接口：/api/v1/getchann 阅读全文

posted @ 2017-09-16 17:38 EasyNVR 阅读(189) 评论(0) 推荐(0) 编辑

EasyNVR RTSP转RTMP/HLS流媒体服务器前端构建之：bootstrap弹窗功能的实现

摘要：在web前端的网页设计中，为了展示出简洁的网页风格和美观的效果，往往就会使用弹窗效果在EasyNVR前端页面录像检索功能时，必然会播放录像，如果单独为播放录像文件排一个界面，用户在使用上会更加繁琐，在外观上也不是很美观。基于bootstrap可以来开发出弹窗效果图 Bootstrap 模态框（M 阅读全文

posted @ 2017-09-16 16:33 EasyNVR 阅读(182) 评论(0) 推荐(0) 编辑

EasyNVR RTSP转RTMP/HLS流媒体服务器前端构建之：内部搜索功能的实现

摘要：上一篇介绍了处理接口获取的数据，本篇将介绍如何在接收到的数据中搜索出自己符合条件的数据；为了页面的美观，我们往往会以分页的形式来进行数据的展示。但是，当需要展示出来的数据太多的时候，我们很难迅速的找出自己想要的数据。自时候，我们就需要通过检索功能来实现对想要的数据的查找；页面内的搜索一般多为通过阅读全文

posted @ 2017-09-16 13:49 EasyNVR 阅读(93) 评论(0) 推荐(0) 编辑

2017年8月31日

EasyNVR H5无插件直播方案前端构建之：如何区分PC端和移动端

摘要： EasyNVR前端为了更好的用户体验，不仅仅设有PC客户端，还适应移动客户端； EasyNVR的客户端中PC端和移动端差异有很多。例如：由于PC端、移动端自身硬件的差异，所需要展示的样式也会存在一定的差别；在摄像机接入类型是ONVIF时，EasyNVR视频实时播放界面中PC端会提供云台控制界面；而阅读全文

posted @ 2017-08-31 09:31 EasyNVR 阅读(186) 评论(0) 推荐(0) 编辑

EasyNVR H5无插件直播方案前端构建之：区分页面是自跳转还是分享依据

摘要：区分分享还是跳转对于前端一些页面的展示，通常有两种方式：通过入口链接一步步进入，或是通过分享链接直接进入；对于这两种方式的区别是什么？在进行前端书写时又应该如何处理？以EasyNVR为例来进行说明解释： EasyNVR通过视频广场界面可以进入到对应的通道内进行视频的观看；为了方便用户，给用户更阅读全文

posted @ 2017-08-31 09:27 EasyNVR 阅读(150) 评论(0) 推荐(0) 编辑

2017年8月29日

EasyNVR H5无插件直播方案前端构建之：引用videojs无法自动播放

摘要：关于videojs自动播放问题使用videojs来进行视频播放，videojs本身自带自动播放属性；通过添加autoplay(),来完成视频播放的自动加载； player = videojs("video", { autoplay: true, }); 在检测自动播放时，出现给videojs添加阅读全文

posted @ 2017-08-29 17:14 EasyNVR 阅读(276) 评论(0) 推荐(0) 编辑

EasyNVR H5无插件直播方案前端构建之：播放界面添加实时云台控制界面

摘要：如何在播放器上加一个云台控制界面问题：对于实时直播的视频播放，由于播放页面客观样式要求（一个播放器占据了整个页面），因此很难找出很合理的空间来放置其他功能按钮的位置（比如配合实时的云平台控制界面）； EasyNVR配置中设有ONVIF探测功能；因此需要在视频播放界面添加了云台控制界面来展示出该阅读全文

posted @ 2017-08-29 17:06 EasyNVR 阅读(396) 评论(0) 推荐(0) 编辑