前端 - 随笔分类 - EasyNVR

EasyNVR播放页面的集成----单独的播放器样式

摘要：背景需求：EasyNVR自身拥有独立的客户端体系，安卓和IOS拥有各自独立的APP，安卓下载地址：https://fir.im/EasyNVR；IOS下载可直接在APPstore搜索EasyNVR即可；对于应用最为广泛的web端，直接包含在EasyNVR软件... 阅读全文

posted @ 2018-10-20 14:53 EasyNVR 阅读(415) 评论(0) 推荐(0)

EasyNVR、EasyDSS二次开发---RTMP、HLS流在web页面进行无插件播放（demo）

摘要：不管是基于EasyNVR还是EasyDSS，都是支持无插件直播，这也是未来视频直播的一个趋势。对于传统的浏览器插件播放谁用谁知道；以上是软件自带播放展示背景需求对于EasyNVR和EasyDSS的使用方式大概分为两大类，一类是直接将软件作为视频能力平台来进行使用；另一类就是将视频能力集成到自身阅读全文

posted @ 2018-06-23 11:37 EasyNVR 阅读(355) 评论(0) 推荐(0)

EasyNVR前端构建之输入框样式的调整

摘要：背景EasyNVR授权方式分为软件的授权和硬件授权两种方式，软件授权需要在软件输入永久邀请码可以激化永久授权起初我们的界面设计是为了满足功能的需求就是，用户可以输入激活码提交，完成永久授权。在实际的应用过程中我们发现由于输入框自身大小的原因，我们的机器码有... 阅读全文

posted @ 2018-01-27 16:18 EasyNVR 阅读(202) 评论(0) 推荐(0)

EasyDSS流媒体服务器web前端：vue组件之间的传值,父组件向子组件传值

摘要：之前接触最多的都是EasyNVR，主要针对的都是前端的一些问题。也有接触到一些easydss流媒体服务器。前端方面的，EasyDSS流媒体服务器与EasyNVR有着根本的不同。EasyNVR使用的是传统的js来进行开发。而EasyDSS使用的是w... 阅读全文

posted @ 2017-12-02 17:28 EasyNVR 阅读(119) 评论(0) 推荐(0)

easynvr网页兼容调试：ie浏览器下的接口调用成功但页面无法显示实时的数据

摘要：许多问题很难在开发的过程中就想的面面俱到，都是在实际应用、调试的过程中一一的优化的。由于easynvr的受众越来越多，因此也出现了好多在开发之初并没有留意的一些细节。我这次发现的问题就是给客户远程解决问题过程中发现的。在此记录下来方便自己，也方便大家了解。问题概述使用过easynvr的都知道，e 阅读全文

posted @ 2017-11-28 00:40 EasyNVR 阅读(384) 评论(0) 推荐(0)

rtsp转rtmp、hls网页直播服务器EasyNVR前端兼容性调试：ie下的 pointer-events: none

摘要：发现问题：之前在做EasyNVR 的web页面开发过程中，力求的都是一个播放效果的、功能的展示。对于兼容性也有注意，但有些细节还是难免有所疏忽。内部测试发现：由于我们是流媒体的实时视频直播，在web的直播页面中，我们都是屏蔽、删除播放器的暂停按钮、功能的。我们的web页面播放rtmp、hls使用阅读全文

posted @ 2017-11-07 23:08 EasyNVR 阅读(190) 评论(0) 推荐(0)

实现RTSP网站微信直播方案EasyNVR（linux版）部署问题之：ERR_CONTENT_LENGTH_MISMATCH

摘要：发现问题：想要优化一下EasyNVR相关功能，内部测试软件，于是在linux系统中部署了一台EasyNVR。当部署好，运行起来发现问题： EasyNVR的配置页面数据出不来。分析问题：基于是web页面出现的问题，第一反应一定是“F12”查看一下接口请求情况、是否有数据返回。。。。。令我感到万阅读全文

posted @ 2017-11-07 22:35 EasyNVR 阅读(122) 评论(0) 推荐(0)

EasyNVR HLS 、RTMP网页直播方案前端完善：监听表单变动

摘要：在上一篇博客中我们表述完了防止提交成功后多余操作提交的一个过程；其中的精髓在于ajax的触发事件的使用。而这篇博客主要想说明一下如何实时的判断出表单是否发生变化。问题表述：在网页前端的开发过程中时常遇到这样的需求，监听表单的状态。对于表单的状态为非就是，表单内容发生变化、表单内容没有发生变化阅读全文

posted @ 2017-11-01 23:03 EasyNVR 阅读(129) 评论(0) 推荐(0)

EasyNVR前端防止提交成功后多余操作提交

摘要：现在随着接触EasyNVR时间越来越长,越发的觉得EasyNVR真的是一个“神器”。从功能上来说自身不仅可以拉出来使用(具体功能搜索EasyNVR一定有惊喜！)，也可以作为设备端与第三方平台接入使用。从界面来说，简洁，明朗，方便用户操作。。。。。。不能这样自己舔自己了。。。有点过分了，有视频直播需求阅读全文

posted @ 2017-10-25 15:54 EasyNVR 阅读(150) 评论(0) 推荐(0)

EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:关于接口调用常见的一些问题（401 Unauthorized）

摘要：最近许多小伙伴咨询关于EasyNVR接口调用的问题，多半就是遇到权限的问题（401 Unauthorized）在此，基于自身对于EasyNVR接口的调用和一些用户的反馈的问题来对接口的调用进行一下说明：接口概述 API采用Restful风格的Http协议，全部请求都使用Get/Post方式，字符阅读全文

posted @ 2017-09-27 14:40 EasyNVR 阅读(270) 评论(0) 推荐(0)

EasyNVR H5无插件直播方案前端构建之：如何播放HLS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

EasyNVR H5无插件直播方案前端架构之：videojs的使用

摘要：videojs的使用一、videojs的初始化加载 videojs初始化加载分为两中 1.标签式加载在引入videojs加载文件的前提下，可以在video标签中添加属性值“data-setup=’{}’”,并且在class属性中添加“video-js”;二者缺一不可； <video class= 阅读全文

posted @ 2017-08-29 16:41 EasyNVR 阅读(457) 评论(0) 推荐(0)

随笔分类 - 前端