前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >EasyNVR视频平台通过视频广场入口链接跳转分享和通过链接分享有什么区别?

EasyNVR视频平台通过视频广场入口链接跳转分享和通过链接分享有什么区别?

原创
作者头像
TSINGSEE青犀视频
修改2021-10-19 09:58:04
2880
修改2021-10-19 09:58:04
举报
文章被收录于专栏:TSINGSEE青犀视频TSINGSEE青犀视频

很多人对TSINGSEE青犀视频的分享观看功能比较感兴趣,我们在做前期规划和后期开发的时候,都将分享功能作为一项必要实现的功能进行了开发测试,并且目前在TSINGSEE青犀视频所有平台内,都已经实现了分享功能。

以EasyNVR为例来进行说明解释,EasyNVR通过视频广场界面可以进入到对应的通道内进行视频的观看:

为了方便用户,给用户更好的体验,视频分享功能方便了用户通过移动设备随时观看视频信息:

TSINGSEE青犀视频平台对于前端一些页面的展示,通常有两种方式:一种是通过入口链接一步步进入,另一种是通过分享链接直接进入。这两种方式的区别是什么?在进行前端书写时又应该如何处理?

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

代码语言:javascript
复制
​$.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来判断页面是跳转过来还是分享过来的:

代码语言:javascript
复制
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重新去请求数据在页面进行调用。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档