EasyNVR視頻平台通過視頻廣場入口鏈接跳轉分享和通過鏈接分享有什么區別?


很多人對TSINGSEE青犀視頻的分享觀看功能比較感興趣,我們在做前期規划和后期開發的時候,都將分享功能作為一項必要實現的功能進行了開發測試,並且目前在TSINGSEE青犀視頻所有平台內,都已經實現了分享功能。

以EasyNVR為例來進行說明解釋,EasyNVR通過視頻廣場界面可以進入到對應的通道內進行視頻的觀看:

為了方便用戶,給用戶更好的體驗,視頻分享功能方便了用戶通過移動設備隨時觀看視頻信息:

TSINGSEE青犀視頻平台對於前端一些頁面的展示,通常有兩種方式:一種是通過入口鏈接一步步進入,另一種是通過分享鏈接直接進入。這兩種方式的區別是什么?在進行前端書寫時又應該如何處理?

從視頻廣場入口鏈接跳轉進入:

在視頻廣場界面通過點擊事件來跳轉到播放路徑,進入對應的通道來進行視頻播放;在跳轉路徑前會對獲取到的信息進行處理;將獲取到的信息存入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重新去請求數據在頁面進行調用。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM