前端
Black蜡笔小新
我将像一匹负轭的老马,不到最后关头绝不松套。
展开
-
如何搭建一个FMS的视频流媒体服务器用于监控直播?
现在很流行流媒体网站,无论是视频播放,还是聊天网站,现在都是很多娱乐网站的主流。这里,我介绍的是基于FMS的流媒体网站,客户端用FLASH,这是起点最容易的搭建流媒体网站的方案,大家可以参考一下。首先,需要一个FMS(Flash Media server)服务器端,在Adobe官网上有下载,目前出道3.5版本。下载好以后,安装FMS服务器端,整个过程很简单,唯一需要注意的是设置端口,默认的...转载 2020-03-25 14:11:04 · 728 阅读 · 0 评论 -
如何部署集群FMS流媒体服务器和边缘服务器?
部署集群服务器负载均衡设备不是基础网络设备,而是一种性能优化设备。首先,单个重负载的运算分担到多台节点设备上做并行处理,每个节点设备处理结束后,将结果汇总,返回给用户,系统处理能力得到大幅度提高,这就是我们常说的集群(clustering)技术。第二层含义就是:大量的并发访问或数据流量分担到多台节点设备上分别处理,减少用户等待响应的时间,这主要针对Web服务器、FTP服务器、企业关键应用服务器...转载 2020-03-25 14:08:48 · 351 阅读 · 0 评论 -
EasyNVR播放页面的集成----单独的播放器样式
背景需求:EasyNVR自身拥有独立的客户端体系,安卓和IOS拥有各自独立的APP,安卓下载地址:https://fir.im/EasyNVR;IOS下载可直接在APPstore搜索EasyNVR即可;对于应用最为广泛的web端,直接包含在EasyNVR软件包的www目录下;对于EasyNVR的web端,使用的是vue+webpack进行打包压缩的,不仅项目体积小,而且很友好的提升了浏...原创 2019-12-20 10:31:14 · 989 阅读 · 0 评论 -
EasyNVR、EasyDSS二次开发---RTMP、HLS流在web页面进行无插件播放(demo)
不管是基于EasyNVR还是EasyDSS,都是支持无插件直播,这也是未来视频直播的一个趋势。对于传统的浏览器插件播放谁用谁知道; 以上是软件自带播放展示背景需求对于EasyNVR和EasyDSS的使用方式大概分为两大类,一类是直接将软件作为视频能力平台来进行使用;另一类就是将视频能力集成到自身的业务系统来,这就涉及到相关的接...原创 2019-12-17 13:47:49 · 1202 阅读 · 0 评论 -
easynvr网页兼容调试:ie浏览器下的接口调用成功但页面无法显示实时的数据
许多问题很难在开发的过程中就想的面面俱到,都是在实际应用、调试的过程中一一的优化的。由于easynvr的受众越来越多,因此也出现了好多在开发之初并没有留意的一些细节。我这次发现的问题就是给客户远程解决问题过程中发现的。在此记录下来方便自己,也方便大家了解。问题概述使用过easynvr的都知道,easynvr是通过通道配置来接入摄像头的,这些通道配置、通道展示……都是通过接口的调用来完成的。理论上,只原创 2019-12-18 15:53:37 · 2242 阅读 · 0 评论 -
EasyDSS流媒体服务器web前端:vue组件之间的传值,父组件向子组件传值
之前接触最多的都是EasyNVR,主要针对的都是前端的一些问题。也有接触到一些easydss流媒体服务器。 前端方面的,EasyDSS流媒体服务器与EasyNVR有着根本的不同。EasyNVR使用的是传统的js来进行开发。而EasyDSS使用的是webpack+vue来进行开发的。 能了解到vue+webpack的应该都需要介绍他的好处了吧。 我也是在这里才接触的vue。我在后续的博原创 2019-12-20 09:57:45 · 518 阅读 · 0 评论 -
EasyNVR HLS 、RTMP网页直播方案前端完善:监听表单变动
在上一篇博客中我们表述完了防止提交成功后多余操作提交的一个过程;其中的精髓在于ajax的触发事件的使用。 而这篇博客主要想说明一下如何实时的判断出表单是否发生变化。问题表述:在网页前端的开发过程中时常遇到这样的需求,监听表单的状态。 对于表单的状态为非就是,表单内容发生变化、表单内容没有发生变化。 作为开发者的我们要做的就是: 当表单发生变化后实时的进行相应的操作; 表原创 2020-01-16 13:54:08 · 530 阅读 · 0 评论 -
rtsp转rtmp、hls网页直播服务器EasyNVR前端兼容性调试:ie下的 pointer-events: none
发现问题: 之前在做EasyNVR 的web页面开发过程中,力求的都是一个播放效果的、功能的展示。对于兼容性也有注意,但有些细节还是难免有所疏忽。 内部测试发现:由于我们是流媒体的实时视频直播,在web的直播页面中,我们都是屏蔽、删除播放器的暂停按钮、功能的。我们的web页面播放rtmp、hls使用的是videojs。他是一个开源的播放器,网上也有相关的文档。基于需求,结合现实,学习原创 2020-01-08 14:31:58 · 666 阅读 · 0 评论 -
实现RTSP网站微信直播方案EasyNVR(linux版)部署问题之:ERR_CONTENT_LENGTH_MISMATCH
发现问题: 想要优化一下EasyNVR相关功能,内部测试软件,于是在linux系统中部署了一台EasyNVR。当部署好,运行起来发现问题: EasyNVR的配置页面数据出不来。分析问题:基于是web页面出现的问题,第一反应一定是“F12”查看一下接口请求情况、是否有数据返回。。。。。 令我感到万分意外的是从“headers”状态一切都是正常的,但是我们的“respo原创 2020-01-08 14:32:58 · 437 阅读 · 0 评论 -
EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:关于接口调用常见的一些问题(401 Unauthorized)
最近许多小伙伴咨询关于EasyNVR接口调用的问题,多半就是遇到权限的问题(401 Unauthorized) 在此,基于自身对于EasyNVR接口的调用和一些用户的反馈的问题来对接口的调用进行一下说明:接口概述API采用Restful风格的Http协议,全部请求都使用Get/Post方式,字符不区分大小写。基本结构如下:http://<IP>:<Port>/api/<Version>/原创 2019-11-28 11:13:19 · 1403 阅读 · 0 评论 -
EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:bootstrap-datepicker日历插件的实时动态展现
EasyNVR中有对录像进行检索回放的功能,且先抛开录像的回放,为了更好的用户体验过、让用户方便快捷的找到对应通道对应日期的录像视频,是必须的功能。 基于上述的需求,为前端添加一个日历插件,在日历上展示出所有的录像信息,用来告知用户那些日期有回放录像,那些日期不没有回放录像是很有要的。 如何实现日历插件展示出对应日期信息:1.需要引入的控件<script src="@@docroo原创 2020-01-15 14:42:35 · 467 阅读 · 0 评论 -
EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:使用BootstrapPagination以分页形式展示数据信息
上一篇介绍通过接口来获取数据,本篇将介绍如何以分页形式展示出接口获取到的数据获取到的数据往往会很多,为了追去页面的美观和方便用户的检索,需要进行分页的展示; EasyNVR可接如多通道,当我们的通道越发多起来的时候,有时候一通片的展示所有通道,不仅不方便用户的检索,对于页面的美观来说也不是很适合。实际操作(以EasyNVR前端分页来进行演示): 使用BootstrapPagination首先需原创 2020-01-15 13:58:33 · 430 阅读 · 0 评论