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

2024-05-01 04:12:29

区分分享还是跳转

对于前端一些页面的展示，通常有两种方式：通过入口链接一步步进入，或是通过分享链接直接进入；对于这两种方式的区别是什么？在进行前端书写时又应该如何处理？

以EasyNVR为例来进行说明解释：

EasyNVR通过视频广场界面可以进入到对应的通道内进行视频的观看；

为了方便用户，给用户更好的体验；在播放页面还设有视频分享功能；也方便了用户通过移动设备随时观看视频信息；

对于具体的跳转播放和分享播放有什么区别：

从视频广场直接跳转过来：
在视频广场界面通过点击事件来跳转到播放路径，进入对应的通道来进行视频播放；在跳转路径前会对获取到的信息进行处理；将获取到的信息存入cookie;

 $.cookie("videoUrl", videoUrl);$.cookie("DeviceType", DeviceType);$.cookie("videoImg", $img.attr("src"));$.cookie("channel", channel["Channel"]);$.cookie("channelName", channel["Name"]);top.location.href = "./play.html?channel=" + channel["Channel"];

通过链接分享页面：

对于播放页面就可通过cookie来判断页面是跳转过来还是分享过来的；

if (channel == $.cookie("channel")) {if ($.cookie("DeviceType") == 'ONVIF') {if(isPC()){$("#ipcam_div").show();}}player = setupPlayer($.cookie("videoUrl"), $.cookie("videoImg"));$(".channel-title").text($.cookie("channelName") || "通道直播");} else {         $.ajax({type: "GET",url: "/api/v1/getchannelstream",data: {Channel: channel,Protocol: isPC() ? "RTMP" : "HLS",Line: "local",From: "lan"

如果没有cookie值则是分享页面，会通过ajax重新去请求数据在页面进行调用；

关于EasyNVR

EasyNVR能够通过简单的网络摄像机通道配置，将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR，EasyNVR能够将这些视频源的音视频数据进行拉取，转换为RTMP/HLS，进行全平台终端H5直播（Web、Android、iOS），并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络，实现互联网级别的直播分发；

详细说明：http://www.easydarwin.org/easynvr/

获取更多信息

邮件：support@easydarwin.org

WEB：www.EasyDarwin.org

Copyright © EasyDarwin.org 2012-2017

EasyNVR无插件IPC摄像机直播方案前端构建之：区分页面是自跳转还是分享依据相关推荐

EasyNVR网页摄像机直播方案H5前端构建之：区分页面是自跳转还是分享依据
背景分析 EasyNVR整套方案的架构中,涉及到前端设备(摄像机IPC.硬盘录像机NVR.编码器等).流媒体服务端(EasyNVR).客户端终端设备(PC.浏览器.Android.iOS.微信). 在 ...
Docker环境搭建和全终端无插件网页摄像机直播管理服务EasyNVS的部署方案详解
在产品实际应用中,当多个EasyNVR分布在不同的区域或者不同的网络环境下,集中管理就显得至关重要,此时需要一个可以集中管控这些EasyNVR,并且云端输出的平台,这时候EasyNVS闪亮登场. Ea ...
EasyNVS摄像机公网全终端无插件网页摄像机直播管理服务运行出现“请求服务不存在或已停止”
背景分析了解我们产品线的小伙伴都知道,EasyNVR产品主要用于互联网安防直播,通过EasyNVR拉取摄像机的RTSP视频流,客户端通过访问EasyNVR服务端就可以实现音视频流分发.在此情况下会出 ...
EasyNVS摄像机公网全终端无插件网页摄像机直播管理服务运行出现“请求服务不存在或已停止”...
背景分析了解我们产品线的小伙伴都知道,EasyNVR产品主要用于互联网安防直播,通过EasyNVR拉取摄像机的RTSP视频流,客户端通过访问EasyNVR服务端就可以实现音视频流分发.在此情况下会出 ...
EasyNVS摄像机公网全终端无插件网页摄像机直播管理服务EasyNVS如何在内网环境下与外网和公网对接
背景说明由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合是大势所趋.传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都需要OCX Web插件进行直播.对于安防 ...
EasyNVS摄像机公网全终端无插件网页摄像机直播管理服务之网页无插件直播服务搭建流程
背景分析随着互联网基础设施建设的不断完善和发展,带宽的不断提速,尤其是光纤入户.4G/5G/NB-IoT各种网络技术的大规模商用,视频随时随地可看.可控.可视频会议调度指挥.可智能预警.可智能检索回 ...
EasyPlayer.js视频流媒体播放器互联网无插件微信H5直播方案—如何实现倍速播放？
需求分析一般对于一个播放器,应该支持如下几种显示模式: 等比例,最大化区域显示,不裁剪等比例,最大区域显示,裁剪拉伸显示,铺满全屏要实现这几种显示模式,其实只要对播放控件的布局进行些许调整即可 ...
EasyNVR H5无插件摄像机直播解决方案前端解析之：引用videojs无法自动播放
EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放参考文章: (1)EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放 (2) ...
EasyNVR无插件直播流媒体服务器云端集中管控的EasyNVS云管理平台安装使用文档
EasyNVS - EasyNVR云端集中管理服务 EasyNVS云管理平台是一套专门用于集中化管理EasyNVR 的解决方案. EasyNVR 采用主动注册的方式接入到 EasyNVS, 再由 Ea ...

最新文章

热门文章