EasyNVR流媒体服务器网页兼容调试:ie浏览器下的接口调用成功但页面无法显示实时的数据
2017-11-28 13:06
603 查看
许多问题很难在开发的过程中就想的面面俱到,都是在实际应用、调试的过程中一一的优化的。由于easynvr的受众越来越多,因此也出现了好多在开发之初并没有留意的一些细节。我这次发现的问题就是给客户远程解决问题过程中发现的。在此记录下来方便自己,也方便大家了解。
接下来就是见证奇怪的时刻:在给客户远程时发现,当成功调用接口后,浏览器没有第一时间将接口返回的数据进行处理展示操作。
1.只要rtsp地址没有问题,我这边配置成功,在视频广场应该是会出现对应的视频通道信息的。
2.页面也是提示 配置成功,并且通道也是开启的。
3.空空如也的视频广场,亮瞎了。。
4.再次回到通道配置查看,发现之前的成功配置不见了。。。
不得不让我想到是不是又是兼容性的问题。。。
经过上网查阅资料发现。这个问题的原因在于ie浏览器自身。
ie浏览器在调用一个接口成功后,下次调用会优先获取上次接口在浏览器中的缓存数据。也就是我们调用接口获取的数据,虽然是通过该接口获得,但不一定是实时的、最新的。
easynvr最终选择是在调用对应接口时,传递一个时间参数,可以保证他的唯一性。这样每次浏览器识别的接口一样,但是传递这个参数是不同的,就会获取到实时信息。
效果也是明显:
备注:由于easynvr通过接口获取的数据相对来说是有点多的,因此每次通过接口获取数据,相对来说是有点影响加载效果的,没有在缓存中直接提取来的迅速。因此除非必须使用ie浏览器,否则不建议通过这种方式来实现此效果。
详细说明:http://www.easydarwin.org/easynvr/
WEB:www.EasyDarwin.org
Copyright © EasyDarwin.org 2012-2017
问题概述
使用过easynvr的都知道,easynvr是通过通道配置来接入摄像头的,这些通道配置、通道展示……都是通过接口的调用来完成的。理论上,只要调用接口返回成功码,就表示该接口调用成功,后续操作得以进行。接下来就是见证奇怪的时刻:在给客户远程时发现,当成功调用接口后,浏览器没有第一时间将接口返回的数据进行处理展示操作。
1.只要rtsp地址没有问题,我这边配置成功,在视频广场应该是会出现对应的视频通道信息的。
2.页面也是提示 配置成功,并且通道也是开启的。
3.空空如也的视频广场,亮瞎了。。
4.再次回到通道配置查看,发现之前的成功配置不见了。。。
问题分析
出现这样的问题,第一时间想到的是数据是否设置成功。经过我的验证,发现接口设置数据是成功的。而且重点是这个问题在其他浏览器上都没有出现,偏偏在IE上会出现。。。。不得不让我想到是不是又是兼容性的问题。。。
经过上网查阅资料发现。这个问题的原因在于ie浏览器自身。
ie浏览器在调用一个接口成功后,下次调用会优先获取上次接口在浏览器中的缓存数据。也就是我们调用接口获取的数据,虽然是通过该接口获得,但不一定是实时的、最新的。
解决问题:
我们为了确保每次调用接口的不同,我们需要在每次调用接口时,给接口传递一个唯一、不重复的参数。$.get(_url + "/getchannelsconfig?t="+new Date().getTime());
easynvr最终选择是在调用对应接口时,传递一个时间参数,可以保证他的唯一性。这样每次浏览器识别的接口一样,但是传递这个参数是不同的,就会获取到实时信息。
效果也是明显:
备注:由于easynvr通过接口获取的数据相对来说是有点多的,因此每次通过接口获取数据,相对来说是有点影响加载效果的,没有在缓存中直接提取来的迅速。因此除非必须使用ie浏览器,否则不建议通过这种方式来实现此效果。
关于EasyNVR
EasyNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;详细说明:http://www.easydarwin.org/easynvr/
获取更多信息
邮件:support@easydarwin.orgWEB:www.EasyDarwin.org
Copyright © EasyDarwin.org 2012-2017
相关文章推荐
- EasyNVR流媒体服务器网页兼容调试:ie浏览器下的接口调用成功但页面无法显示实时的数据
- easynvr网页兼容调试:ie浏览器下的接口调用成功但页面无法显示实时的数据
- 最近工作需要写了一个JS类 页面统一调用API接口数据并计算显示
- 在服务器调试过程中,JSP页面无法正常显示
- 在用VS2008调试网站的时候,突然页面不能正常显示了,IE显示“无法显示该网页”。
- Visual Studio提示“无法启动IIS Express Web服务器”的解决方法 vs调试显示无法显示此页面 ,vs调试浏览器白页
- 在用VS2008调试网站的时候,突然页面不能正常显示了,IE显示“无法显示该网页”。
- Visual Studio提示“无法启动IIS Express Web服务器”的解决方法 vs调试显示无法显示此页面 ,vs调试浏览器白页
- vs2008对设计好的asp.net的网页进行调试无法显示
- 获取新浪实时数据显示到jsp页面
- IIS7.0 网站发布页面显示 500 - 内部服务器错误。您要查找的资源有问题,无法显示
- HTTP 错误 500.0 - Internal Server Error 无法显示页面,因为发生内部服务器错误
- html网页兼容手机浏览器(解决显示页面很小的问题)
- 客户端出错:无法在数据表视图中显示该列表: 没有安装与 Windows SharePoint Services 兼容的数据表组件。
- VS2005调试时无法显示网页的解决方法
- 解决Bootstrap网页在360安全浏览器兼容模式下无法正常显示问题
- springcloud使用feign实现服务间条用,参数数据太大,无法调用成功解决方法
- windows server 2003 上“您要访问的网页有问题,无法显示。HTTP 500 - 内部服务器错误。”的问题解决方案!
- App调试:页面、数据接口--源自技术
- 在查询页面中显示进度条,在数据load成功后隐去进度条 选择自 chensheng913 的 Blog