LiveNVR传统IP摄像机接入-网页直播实现跨域鉴权
LiveNVR如何实现跨域鉴权
服务端处理
服务端需要做以下处理:
登录成功, 服务端主动写 token 到 cookie
按照之前的接口设计, 登录成功, 服务端在 HTTP Response Body 中返回 token,由客户端自己负责将 token 写入 cookie. 在跨域场景中, 这样就行不通了,由于浏览器的限制, 客户端无法将 token 写到非子域名 cookie. 改为服务端主动写 token 到 cookie 就没有这个问题了. 服务端在 HTTP Response Header 中添加
Set-Cookie
字段, 写入token=xxx
服务端统一做充许跨域访问设置
服务端配置充许跨域并且携带cookie, 需要在 HTTP Response Header 中添加以下两项:
Access-Control-Allow-Credentials: true Access-Control-Allow-Origin: $http_origin
Access-Control-Allow-Origin 不可以配置成
*
, 而是当前HTTT前求客户端的 Origin注销登录时, 服务端主动将 token 从 cookie 清理
Set-Cookie: token=; expires=Thu, 01 Jan 1970 00:00:00 GMT;
客户端处理
客户端不必显示保存 token 到 cookie. 所有和 LiveNVR 的交互接口需要添加跨域配置, xhrFields: { withCredentials: true }
和 crossDomain: true
例如跨域登录接口调用示例如下:
$.ajax({type: "GET",url: "http://other-domain/api/v1/login",xhrFields: { withCredentials: true},crossDomain: true, data: {username: 'admin',password: '21232f297a57a5a743894a0e4a801fc3'//admin}
});
关于LiveNVR
LiveNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到LiveNVR,LiveNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且LiveNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;
获取更多信息
安防流媒体互联直播-QQ交流群:615081503
国标GB28181无插件LiveGBS-QQ交流群:947137753
邮件:support@liveqing.com
WEB:www.liveqing.com
Tel:189-5515-0114 (同微信)
Copyright © LiveQing.com 2016-2019
LiveNVR传统IP摄像机接入-网页直播实现跨域鉴权相关推荐
- LiveGBS国标流媒体GB28181微信无插件直播如何实现跨域鉴权
LiveGBS 实现了 GB28181 协议,能够接入各个厂家的监控设备和监控平台,实现统一管理,和 web 端无插件播放,同时支持手机.微信播放. LiveGBS 提供简单的登录鉴权,客户端通过用户 ...
- RTMP推流直播流媒体平台LiveQing鉴权直播拉转直播开放直播支持推送总流量和播放总流量统计
RTMP推流直播流媒体平台LiveQing鉴权直播拉转直播开放直播支持推送总流量和播放总流量统计 1.鉴权直播中的相关统计 2.拉转直播中的相关统计 3.RTMP推流视频直播和点播流媒体服务 1.鉴权 ...
- 海康、大华等网络摄像头RTSP_Onvif网页无插件直播流媒体服务器EasyNVR鉴权出现跨域问题的解决方法
背景分析 随着平安城市.智慧城市.雪亮工程.智能交通等各项建设的持续开展,安防逐渐得到普及,面对如此广阔的市场,对安防企业来说不仅仅是机遇更多的是挑战.现今大多数摄像头一直没能摆脱人工监控的传统监控方 ...
- 网页攻击 和 跨域 的相关问题梳理
之前对 XSS攻击 和 CSRF攻击 了解地不透彻,导致有些原理似懂非懂.最近刚好查了一些资料,解开了心里的疑问,顺便在这记录一下. 一般常见的网页攻击方式有 XSS攻击 和 CSRF攻击,具体可以先 ...
- 安卓 即构科技直播使用阿里云鉴权切换流地址
即构科技集成直播后,需求中需要拉流端(观众)切换到阿里云的流地址,而不是用即构返回的即构流地址,原因是即构的流比较贵,阿里云的收费非常的便宜,差距大概是阿里云的四倍吧,所以考虑到用前端进行流地址的切换 ...
- LiveNVR传统安防摄像机接入互联网直播-支持多种分屏展示
LiveNVR安防流媒体服务,支持RTSP稳定拉流接入,支持Onvif协议接入,支持RTMP/HLS/HTTP-FLV分发,将传统安防监控设备互联化,无插件直播等. 将传统的安防摄像机,通过RTSP拉 ...
- 基于EasyDSS流媒体服务器实现的直播流管理与鉴权的后台方案
本文转自EasyDSS团队Marvin的博客:http://blog.csdn.net/marvin1311/article/details/73548929 最新版本的EasyDSS流媒体解决方案, ...
- thinkphp 在接口开发或者接入三方时解决跨域
估计你们都会了,就不解释了,直接上代码把 解决方案:header('Access-Control-Allow-Origin: *'); //*代表允许所有的网址请求当前接口,当然你也可以把*改成具体的 ...
- 2023-01-20 网工进阶(三十九)MPLS 虚拟专用网络---概述、路由交互、CE接入PE方法、基本组网方案详解、团体属性、防环、MCE组网、伪连接方案、跨域组网详解、各种组网方案配置举例
概述 VPN(Virtual Private Network,虚拟专用网络)指的是在一个公共网络中实现虚拟的专用网络,从而使得用户能够基于该专用网络实现通信的技术.MPLS VPN也是VPN技术中的一 ...
最新文章
- 启程 - 《每日五分钟搞定大数据》
- mysql innodb创建数据文件失败
- diamond淘宝框架使用
- vue 后台获取数据 下拉框_Vue开发中的一些常见套路和技巧
- 快讯|MIT遥控机器人;日本推出带摄像头的智能AI马桶;德国在线零售商Zalando引进拣货机器人等...
- Java 8中Lambda表达式的阴暗面
- handsontable 方法汇总
- Select2的使用 联动筛选框的一个例子
- 面向对象(类,面向对象三大特性)
- Facebook 又摊上事了,数亿用户被波及!
- vue - 自定义指令
- putty怎么进入文件夹_putty命令
- 如何下载VS2015社区版
- 以太坊网络重启并开启rpc
- Git Bash 不能输入中文的简单解决办法
- ansible aws_如何使用Ansible管理您的AWS资源
- 【机器学习之模型融合】Voting投票法简单实践
- 51cto学院微信支付实战对接开发视频教程
- 超链接(网页设计实验)
- 航拍车辆旋转框定位以及航向检测
热门文章
- python读取.tsv文件例子(大文件处理)
- 各式 Web 前端開發工具整理
- Linux | 第一篇——常见指令汇总【超全、超详细讲解】
- kafka中的ISR、AR又代表什么?ISR伸缩又是什么?
- GetText学习记录
- JavaScript数据结构之字典和散列表
- 革文B2B行业洞察:中国气凝胶市场分析、竞争格局和发展趋势
- 读《STRENGTHNET: DEEP LEARNING-BASED EMOTION STRENGTH ASSESSMENT FOR EMOTIONAL SPEECH SYNTHESIS》
- 面向对象版贪吃蛇大作战游戏创作
- CSUSTOJ 我爱吃烧烤 (状压dp)