很多人對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重新去請求數據在頁面進行調用。