ming.hong
1 year ago
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 609 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 563 B |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 432 B |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 726 B |
|
After Width: | Height: | Size: 422 B |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
@ -0,0 +1,649 @@
|
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="cache-control" |
||||
content="max-age=0" /> |
||||
<meta http-equiv="cache-control" |
||||
content="no-cache, no-store, must-revalidate" /> |
||||
<meta http-equiv="expires" |
||||
content="-1" /> |
||||
<meta http-equiv="expires" |
||||
content="Tue, 01 Jan 1980 1:00:00 GMT" /> |
||||
<meta http-equiv="pragma" |
||||
content="no-cache" /> |
||||
<meta http-equiv="Pragma" content="no-cache"> |
||||
<meta http-equiv="Expires" content="0"> |
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
||||
<meta charset="utf-8" /> |
||||
<!-- <link rel="preload" href="./Icon/Counter_Green_64x64px.png" as="image" /> --> |
||||
<!-- <link rel="preload" href="images/icon_alarm.png" as="image" /> |
||||
<link rel="preload" href="images/icon_output.png" as="image" /> |
||||
<link rel="preload" href="images/icon_setting.png" as="image" /> |
||||
<link rel="preload" href="images/icon_license.png" as="image" /> --> |
||||
|
||||
<style> |
||||
body, html { |
||||
font-family: "Arial"; |
||||
} |
||||
|
||||
* { |
||||
box-sizing: border-box; |
||||
} |
||||
/* Create two equal columns that floats next to each other */ |
||||
.column { |
||||
float: left; |
||||
overflow: hidden; |
||||
/*width: 33%;*/ |
||||
padding-left: 10px; |
||||
/*height: 300px;*/ |
||||
/*margin: auto;*/ |
||||
/* Should be removed. Only for demonstration */ |
||||
} |
||||
/* Clear floats after the columns */ |
||||
|
||||
.row:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; |
||||
} |
||||
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ |
||||
@media screen and (max-width: 400px) { |
||||
.column { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/* hide the up and down arrows which are built in number type input */ |
||||
/* Chrome, Safari, Edge, Opera */ |
||||
input::-webkit-outer-spin-button, |
||||
input::-webkit-inner-spin-button { |
||||
-webkit-appearance: none; |
||||
margin: 0; |
||||
} |
||||
/* Firefox */ |
||||
input[type=number] { |
||||
-moz-appearance: textfield; |
||||
} |
||||
|
||||
|
||||
/* 80 port tab inside OK button style */ |
||||
.Content_stybtn_ln { |
||||
/* display: inline-block; */ |
||||
background-color: #2a2a2a; |
||||
border-radius: 10px; |
||||
border: 0px; |
||||
padding-left: 20px; |
||||
padding-right: 20px; |
||||
height: 25px; |
||||
color: white; |
||||
font-family: "Arial","Helvetica","sans-serif"; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.Content_stybtn_ln:hover { |
||||
background-color: #678cd4; |
||||
} |
||||
|
||||
.Content_stybtn_ln:disabled { |
||||
background-color: grey; |
||||
color: #DCDCDC; |
||||
} |
||||
</style> |
||||
|
||||
<!-- 原 plugin 是用 "jquery_3_2_1.min.js"，初始化直接載入，避免載入時間點太慢導致高度設定問題 --> |
||||
<script src="/airelay/jquery_3_2_1.min.js"></script> |
||||
|
||||
<!-- 避免在單一檔案卡太久，以非同步處理 --> |
||||
<script src="/airelay/fabric_jquery.easyui.min_compressed_on_nvr.js" async></script> |
||||
|
||||
<script> |
||||
function GetUrlPort() { |
||||
var url_href = window.location.href; |
||||
// console.log(`[GetUrlPort] url_href: ${url_href}`); |
||||
var arr_url = url_href.split(":"); |
||||
var port = 80; |
||||
if (arr_url.length > 2) { // plugin 開分頁會有 <ip>:<port_number> 格式 |
||||
port = arr_url[2].split("/")[0]; |
||||
} |
||||
// console.log(`[GetUrlPort] return: ${port}`); |
||||
return port; |
||||
} |
||||
localStorage.setItem('landing_page_port', GetUrlPort()); |
||||
// console.log("[airelay_init.html] localStorage landing_page_port: ", localStorage.getItem('landing_page_port')); |
||||
|
||||
var g_tcp_tunnel_token = "airelay"; |
||||
|
||||
// 逐步加載腳本列表 |
||||
var resourcesToLoad = [ |
||||
"/js/common.js", |
||||
`/${g_tcp_tunnel_token}/cookie.min.js`, |
||||
`/${g_tcp_tunnel_token}/alarm_on_airelay.js`, |
||||
`/${g_tcp_tunnel_token}/lang.js`, |
||||
`/${g_tcp_tunnel_token}/lang_cookie.js`, |
||||
`/${g_tcp_tunnel_token}/config.js`, |
||||
`/${g_tcp_tunnel_token}/unit1.js`, |
||||
`/${g_tcp_tunnel_token}/label_names.js`, |
||||
`/${g_tcp_tunnel_token}/third_party_label_names.js`, |
||||
`/${g_tcp_tunnel_token}/lib/owl.carousel.min.js` |
||||
]; |
||||
|
||||
var loadCount = 0; |
||||
|
||||
function loadScriptsWithDelay() { |
||||
var index = 0; |
||||
var interval = 20; // 每次迭代之間的延遲時間，單位是毫秒 |
||||
var errorReconnectInterval = 100; |
||||
|
||||
function loadNextScript() { |
||||
if (index < resourcesToLoad.length) { |
||||
(function (currentIndex) { |
||||
var src = resourcesToLoad[index]; |
||||
var script = document.createElement('script'); |
||||
script.type = "text/javascript"; |
||||
script.src = src; |
||||
script.async = false; |
||||
|
||||
script.onload = function () { |
||||
// console.log('[script ' + currentIndex + '] ' + src + ' has been successfully loaded'); |
||||
index++; |
||||
setTimeout(loadNextScript, interval); // 加載下一個腳本之前等待一段時間 |
||||
|
||||
loadCount++; |
||||
}; |
||||
|
||||
script.onerror = function () { |
||||
console.error('[Error] Failed to load script: ' + src + ' at index: ' + currentIndex); |
||||
|
||||
setTimeout(() => { |
||||
window.location.reload(); |
||||
}, errorReconnectInterval); |
||||
}; |
||||
|
||||
document.getElementsByTagName("head")[0].appendChild(script); |
||||
})(index); |
||||
} else { |
||||
// console.log("All scripts loaded successfully!"); |
||||
} |
||||
} |
||||
|
||||
// 開始加載第一個腳本 |
||||
loadNextScript(); |
||||
} |
||||
|
||||
// 開始使用延遲加載的方式加載腳本 |
||||
loadScriptsWithDelay(); |
||||
|
||||
// -------------------------------------------------------------------------------- |
||||
|
||||
var imagesToPreload = [ |
||||
`/${g_tcp_tunnel_token}/images/rotate.png`, |
||||
`/${g_tcp_tunnel_token}/images/slider_handle.png` |
||||
]; |
||||
|
||||
function preloadImagesWithDelay() { |
||||
var imgIndex = 0; |
||||
var interval = 150; // 每次迭代之間的延遲時間，單位是毫秒 |
||||
|
||||
function loadNextImage() { |
||||
if (imgIndex < imagesToPreload.length) { |
||||
var src = imagesToPreload[imgIndex]; |
||||
// console.log("[img " + imgIndex + "] start to preload: "+src); |
||||
var link = document.createElement('link'); |
||||
link.rel = 'preload'; |
||||
link.href = src; |
||||
link.as = 'image'; |
||||
|
||||
link.onload = function () { |
||||
// console.log('[img ' + imgIndex + '] ' + src + ' has been successfully preloaded'); |
||||
imgIndex++; |
||||
setTimeout(loadNextImage, interval); // 加載下一個影像之前等待一段時間 |
||||
}; |
||||
|
||||
link.onerror = function () { |
||||
// console.error('Failed to preload image: ' + src + ' at index: ' + imgIndex); |
||||
// 處理影像加載失敗的情況，可以進行重整頁面或其他操作 |
||||
window.location.reload(); |
||||
}; |
||||
|
||||
document.head.appendChild(link); |
||||
} else { |
||||
// console.log("All images preloaded successfully!"); |
||||
} |
||||
} |
||||
|
||||
// 開始預加載第一個影像 |
||||
loadNextImage(); |
||||
} |
||||
|
||||
// 開始使用延遲加載的方式預加載影像 |
||||
// preloadImagesWithDelay(); |
||||
|
||||
// -------------------------------------------------------------------------------- |
||||
|
||||
var tabsButtonId = [ |
||||
{ tabId: 'TAB_ALARM', textId: 'HTTP_TITLE05', icon: 'icon_alarm.png', pageId: 'alarm' }, |
||||
{ tabId: 'TAB_OUTPUT', textId: 'HTTP_TITLE08', icon: 'icon_output.png', pageId: 'output' }, |
||||
{ tabId: 'TAB_SETTING', textId: 'HTTP_TITLE06', icon: 'icon_setting.png', pageId: 'setting' }, |
||||
{ tabId: 'TAB_LICENSE', textId: 'HTTP_TITLE07', icon: 'icon_license.png', pageId: 'license' } |
||||
]; |
||||
|
||||
var iconSize = '60px'; |
||||
var innerIframeId = "innerIframe"; |
||||
var loadingElementId = 'percentage'; |
||||
var preloadImgElementId = 'preloadImg'; |
||||
|
||||
|
||||
// 透過 jQuery 拿到外層 iframe 尺寸 |
||||
var iframeWidth = window.innerWidth - 80; |
||||
|
||||
function addIframeToBody(src) { |
||||
// var iframe = document.createElement('iframe'); |
||||
var iframe = document.getElementById(innerIframeId); |
||||
// iframe.id = innerIframeId; |
||||
|
||||
// 避免預設邊框樣式 |
||||
iframe.style.border = 'none'; |
||||
|
||||
iframe.width = iframeWidth; |
||||
iframe.style.border = '0'; |
||||
iframe.frameBorder = '0'; // 設置 frameborder 屬性 |
||||
|
||||
// 設置載入檔案來源 |
||||
iframe.src = src; |
||||
} |
||||
|
||||
function addTmpSnapImageToDiv(imgWidth, imgHeight) { |
||||
// console.log("create preload img element"); |
||||
var img = document.createElement('img'); |
||||
|
||||
// 設置 img 屬性 |
||||
img.width = imgWidth; |
||||
img.height = imgHeight; |
||||
|
||||
// 載入影像 |
||||
var port = localStorage.getItem('landing_page_port'); |
||||
img.src = 'http://' + window.location.hostname + ':' + port + '/snap'; |
||||
|
||||
// 將 img 附加到預設位置 |
||||
var div = document.getElementById(preloadImgElementId); |
||||
if (div) { |
||||
div.appendChild(img); |
||||
} |
||||
} |
||||
// -------------------------------------------------------------------------------- |
||||
|
||||
// 08-08 |
||||
function func_getWanPort() { |
||||
$.ajax({ |
||||
url: '/network?get=all', |
||||
method: "GET", |
||||
async: true, |
||||
beforeSend: function (xmlHttp) { |
||||
xmlHttp.setRequestHeader("If-Modified-Since", "0"); |
||||
xmlHttp.setRequestHeader("Cache-Control", "no-cache"); |
||||
// xmlHttp.setRequestHeader("Referer", window.location.origin); |
||||
//xmlHttp.setRequestHeader("Authorization", "Basic " + btoa("username:password")); |
||||
}, |
||||
success: function (retdata) { |
||||
// console.log(retdata); |
||||
func_filterWanInfo(retdata); |
||||
}, |
||||
error: function () { |
||||
setTimeout(func_getWanPort(), 3000); |
||||
console.warn(); |
||||
} |
||||
}); |
||||
return false; |
||||
} |
||||
|
||||
|
||||
function func_filterWanInfo(data) { |
||||
var targetNumber = '8592'; |
||||
|
||||
// 將回傳的資料以換行符號分割為一個陣列 |
||||
var lines = data.split('\r\n'); |
||||
|
||||
// 過濾出以 'lpkg.wan' 開頭且包含 'info=1' 的行 |
||||
var filteredLines = lines.filter(line => line.startsWith('lpkg.wan') && line.includes('info=1')); |
||||
|
||||
// 輸出過濾後的結果 |
||||
// console.log("[filterWanInfo] filtered lines:", filteredLines); |
||||
|
||||
// 沒設定 WAN 的情況，預設 8592 |
||||
localStorage.setItem("plugin_wan_port", targetNumber); |
||||
|
||||
// 使用迴圈掃掠 filteredLines |
||||
for (var line of filteredLines) { |
||||
if (line.includes(targetNumber)) { // 有設定 WAN 才會從 info 撈到對應關係 |
||||
var parts = line.split(','); // 以 ',' 裁切 |
||||
extractedNumber = parts[parts.length - 1]; // 取出最後一個部分 |
||||
localStorage.setItem("plugin_wan_port", extractedNumber); |
||||
break; |
||||
} |
||||
} |
||||
|
||||
// console.log("plugin wan port: ", localStorage.getItem("plugin_wan_port")); |
||||
|
||||
return filteredLines; |
||||
} |
||||
|
||||
function func_setPluginLang(ipcam_lang_index) { |
||||
var lang = 'en_gb'; // 預設 English |
||||
if (ipcam_lang_index == 1 || ipcam_lang_index == 2) { |
||||
lang = 'zh_tw'; // 繁中 簡中 歸納成 Chinese |
||||
} else if (ipcam_lang_index == 4) { |
||||
lang = 'it_it'; // Italian |
||||
} else if (ipcam_lang_index == 11) { |
||||
lang = 'ja_jp'; // Japanese |
||||
} // 其他語系，歸納到預設 |
||||
|
||||
// console.log(`[SetPluginLang] ipcam_lang_index : ${ipcam_lang_index} , set plugin cookie : ${lang}`); |
||||
|
||||
cookie("LANG", lang, "9999/12/31 12:00:00"); |
||||
|
||||
var json_data = '{'; |
||||
json_data += '"system_setting": {'; |
||||
json_data += '"language": "' + lang + '"'; |
||||
json_data += '}}'; |
||||
func_setconfigfile(json_data); |
||||
} |
||||
|
||||
|
||||
// -------------------------------------------------------------------------------- |
||||
|
||||
var checkIntervalTime = 500; |
||||
var hideLoadPageDeferTime = 1500; |
||||
var preloadImgDisplayTime = 500; |
||||
var intervalID = null; |
||||
var checkPercentageStuckCounter = 0; |
||||
var percentage = 0; |
||||
var landingPage = "/airelay/alarm_on_airelay.html"; |
||||
|
||||
var progressBarHeight = 8; |
||||
var snapImgWidth = 720; // 同 G_VIEW_CANVAS_X 設定 |
||||
var snapImgHeight = 480; // 同 G_VIEW_CANVAS_Y 設定 |
||||
|
||||
clearInterval(intervalID); |
||||
// 持續檢核是否加載完成 |
||||
intervalID = setInterval(function () { |
||||
var loadingElement = document.getElementById(loadingElementId); |
||||
var prevPercentage = percentage; |
||||
|
||||
var percentageStuckThreshold = 30; // 08-16 原設定 2，網速慢時，容易載一半就當成錯誤，才拉長等待時間 |
||||
|
||||
percentage = Math.round(((loadCount / resourcesToLoad.length) * 100), 2); |
||||
// console.log("[setInterval] check percentage: " + percentage + " , prev percentage: " + prevPercentage); |
||||
|
||||
if ((percentage == prevPercentage) && (percentage < 100)) { |
||||
checkPercentageStuckCounter++; |
||||
// console.log("checkPercentageStuckCounter: ", checkPercentageStuckCounter); |
||||
if (checkPercentageStuckCounter >= percentageStuckThreshold) { |
||||
// console.log("reload init page"); |
||||
window.location.reload(); |
||||
} |
||||
} else { |
||||
// 頻寬差時，不能讓 Counter 在不同 script 載入過程持續累積，容易觸發 reload |
||||
checkPercentageStuckCounter = 0; |
||||
// console.log("reset checkPercentageStuckCounter: ", checkPercentageStuckCounter); |
||||
} |
||||
|
||||
loadingElement.innerText = "Loading scripts ... " + percentage.toString() + " %"; |
||||
|
||||
if (loadCount == resourcesToLoad.length) { |
||||
localStorage.setItem("loadScriptIndex", 0); |
||||
// console.log("prepare to load landing page ..."); |
||||
|
||||
// window.parent.document |
||||
var outterIframeElement = window.parent.document.querySelector("#content-show iframe"); |
||||
// console.log(outterIframeElement); |
||||
if (outterIframeElement) { |
||||
outterIframeElement.height = "1000"; // 調整外框高度 |
||||
} |
||||
|
||||
func_getWanPort(); // 08-08 |
||||
|
||||
// 08-09 |
||||
//var ipcam_lang_setting = GetCookie('ipcam_lang'); |
||||
// console.log("[airelay_init.html] get ipcam_lang_setting:", ipcam_lang_setting); |
||||
//func_setPluginLang(ipcam_lang_setting); |
||||
|
||||
clearInterval(intervalID); |
||||
|
||||
// 這邊沿用 G_VIEW_CANVAS_X & G_VIEW_CANVAS_Y 仍會是 480 x 320，改設變數同步解析度 |
||||
addTmpSnapImageToDiv(snapImgWidth, snapImgHeight); |
||||
|
||||
// 08-29 暫時不載第二層，先把 script load 好 |
||||
addIframeToBody(landingPage); |
||||
|
||||
setTimeout(() => { |
||||
// console.log("defer load landing page"); |
||||
loadingElement.style.top = (progressBarHeight + snapImgHeight) + 'px'; |
||||
loadingElement.style.position = "absolute"; |
||||
loadingElement.innerText = "Streaming and Page initialization ..."; |
||||
|
||||
var preloadElement = document.getElementById(preloadImgElementId); |
||||
if (preloadElement) { |
||||
preloadElement.style.top = progressBarHeight + 'px'; // progress bar height |
||||
preloadElement.style.display = 'inline'; |
||||
} |
||||
|
||||
checkH264Streaming(); |
||||
}, hideLoadPageDeferTime); |
||||
|
||||
} |
||||
|
||||
}, checkIntervalTime) |
||||
func_getaboutinfo(); |
||||
|
||||
localStorage.setItem("receivedH264", false); |
||||
localStorage.setItem('iframeHeight', null); |
||||
// console.log("[airelay_init.html] Init localStorage receivedH264: ", localStorage.getItem("receivedH264")); |
||||
|
||||
var defaultBtnOffset = 30; // 預設按鈕往下偏移距離 |
||||
function checkH264Streaming() { |
||||
// console.log("start checkH264Streaming"); |
||||
var checkH264IntervalID = null; |
||||
checkH264IntervalID = setInterval(function () { |
||||
var receivedH264 = localStorage.getItem("receivedH264"); |
||||
// console.log("[airelay_init.html] receivedH264: ", receivedH264); |
||||
if (receivedH264 == "true") { |
||||
|
||||
var loadingElement = document.getElementById(loadingElementId); |
||||
if (loadingElement) { |
||||
loadingElement.style.display = 'none'; |
||||
} |
||||
|
||||
// console.log("[airelay_init.html] hide preloadElement"); |
||||
var preloadElement = document.getElementById(preloadImgElementId); |
||||
if (preloadElement) { |
||||
preloadElement.style.display = 'none'; |
||||
} |
||||
|
||||
// 顯示預設按鈕 |
||||
var defaultButtonElement = document.getElementById('defaultBtn'); |
||||
|
||||
if (defaultButtonElement) { |
||||
defaultButtonElement.style.display = 'block'; |
||||
defaultButtonElement.style.width = iframeWidth + 'px'; |
||||
} |
||||
|
||||
// 顯示內層 iframe |
||||
var innerIframeElement = document.getElementById(innerIframeId); |
||||
|
||||
if (innerIframeElement) { |
||||
innerIframeElement.style.display = 'block'; // 先顯示才能知道高度 |
||||
|
||||
// 08-29 |
||||
var iframeDocument = innerIframeElement.contentDocument || innerIframeElement.contentWindow.document; |
||||
var iframeHeight = iframeDocument.body.offsetHeight; |
||||
|
||||
localStorage.setItem('iframeHeight', iframeHeight); |
||||
innerIframeElement.height = iframeHeight + defaultBtnOffset; |
||||
} |
||||
// console.log("[airelay_init.html] set innerIframeElement.height:", iframeHeight + defaultBtnOffset); |
||||
|
||||
clearInterval(checkH264IntervalID); |
||||
} |
||||
}, checkIntervalTime) |
||||
} |
||||
|
||||
// -------------------------------------------------------------------------------- |
||||
|
||||
function func_setTcptunnelPage(page) { |
||||
$.ajax({ |
||||
url: "/airelay/settcptunnel?page=" + page, |
||||
type: "GET", |
||||
async: true, |
||||
beforeSend: function (xmlHttp) { |
||||
xmlHttp.setRequestHeader("If-Modified-Since", "0"); |
||||
xmlHttp.setRequestHeader("Cache-Control", "no-cache"); |
||||
//xmlHttp.setRequestHeader("Authorization", "Basic " + btoa("username:password")); |
||||
}, |
||||
success: function (retdata) { |
||||
// console.log(retdata); |
||||
}, |
||||
error: function (retdata) { |
||||
console.warn(retdata); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
function func_setDefault() { |
||||
if (confirm('Do you want to apply default settings?')) { |
||||
cookie("enable_only_show_metadata1", "on", "9999/12/31 12:00:00"); |
||||
$.ajax({ |
||||
url: '/' + g_tcp_tunnel_token + "/system?default=3", |
||||
type: "GET", |
||||
async: true, |
||||
beforeSend: function (xmlHttp) { |
||||
xmlHttp.setRequestHeader("If-Modified-Since", "0"); |
||||
xmlHttp.setRequestHeader("Cache-Control", "no-cache"); |
||||
//xmlHttp.setRequestHeader("Authorization", "Basic " + btoa("username:password")); |
||||
}, |
||||
success: function (retdata) { |
||||
// console.log("[func_setDefault] retdata: ", retdata); |
||||
|
||||
//var jsonbuf = JSON.parse(retdata); |
||||
//$('#CPU_USAGE').val(jsonbuf["CPU_USAGE"] + " %"); |
||||
//$('#GPU_USAGE').val(jsonbuf["GPU_USAGE"] + " %"); |
||||
//$('#FPS').val(jsonbuf["FPS"]); |
||||
//document.getElementById('CPU_USAGE').innerHTML=jsonbuf["CPU_USAGE"]+" %"; |
||||
//document.getElementById('GPU_USAGE').innerHTML=jsonbuf["GPU_USAGE"]+" %"; |
||||
//document.getElementById('FPS').innerHTML=jsonbuf["FPS"]; |
||||
|
||||
|
||||
//func_getreload(); |
||||
//alert("Close or refresh the browser to reboot the camera."); |
||||
/* |
||||
var replaceUrl = 'http://' + window.location.hostname + ':' + myport + '/setup.htm'; |
||||
//alert(replaceUrl); |
||||
parent.window.location.replace(replaceUrl);*/ |
||||
//parent.open(parent.location, '_parent').close(); |
||||
//console.info(retdata); |
||||
}, |
||||
error: function (retdata) { |
||||
console.warn(retdata); |
||||
//alert("Close or refresh the browser to reboot the camera."); |
||||
//parent.open(parent.location, '_parent').close(); |
||||
} |
||||
}); |
||||
|
||||
var port = localStorage.getItem('landing_page_port'); |
||||
// console.log("[func_setDefault] port:", port); |
||||
|
||||
|
||||
var innerIframe = document.getElementById(innerIframeId); |
||||
if (innerIframe) { |
||||
innerIframe.width = iframeWidth; |
||||
innerIframe.height = '600px'; |
||||
innerIframe.style.border = '0'; |
||||
innerIframe.style.position = "absolute"; |
||||
innerIframe.frameBorder = '0'; // 設置 frameborder 屬性 |
||||
innerIframe.src = 'http://' + window.location.hostname + ':' + port + '/' + g_tcp_tunnel_token + '/countdown.html'; |
||||
} |
||||
|
||||
var defaultButtonElement = document.getElementById('defaultBtn'); |
||||
if (defaultButtonElement) { |
||||
defaultButtonElement.style.display = 'none'; |
||||
} |
||||
|
||||
|
||||
window.onload = function () { |
||||
window.scrollTo(0, 0); |
||||
}; |
||||
|
||||
//console.log('Apply default settings!'); |
||||
return false; |
||||
|
||||
} |
||||
} |
||||
|
||||
|
||||
function func_getaboutinfo() { |
||||
$.ajax({ |
||||
url: '/airelay' + "/getAidaInfo", |
||||
type: "GET", |
||||
async: true, |
||||
beforeSend: function (xmlHttp) { |
||||
xmlHttp.setRequestHeader("If-Modified-Since", "0"); |
||||
xmlHttp.setRequestHeader("Cache-Control", "no-cache"); |
||||
//xmlHttp.setRequestHeader("Authorization", "Basic " + btoa("username:password")); |
||||
}, |
||||
success: function (retdata) { |
||||
//var jsonbuf = JSON.parse('{ "name":"John", "age":30, "city":"New York"}'); |
||||
var jsonbuf = JSON.parse(retdata); |
||||
localStorage.setItem("events_default_version", jsonbuf["events_default_version"]); |
||||
|
||||
//console.info(retdata); |
||||
}, |
||||
error: function (retdata) { |
||||
console.warn(retdata); |
||||
setTimeout(func_getPostEventName(), 3000); |
||||
} |
||||
}); |
||||
} |
||||
</script> |
||||
|
||||
<!-- 08-29 --> |
||||
<link rel="stylesheet" type="text/css" href="/airelay/bootstrap.min.css"> |
||||
</head> |
||||
|
||||
<body onContextMenu="window.event.returnValue=false" style="margin: 0px;"> |
||||
<div id="tabs" style="display: none;"> |
||||
<label id="TAB_ALARM"> |
||||
<a> |
||||
<nobr id="HTTP_TITLE05"></nobr> |
||||
</a> |
||||
</label> |
||||
<label id="TAB_OUTPUT"> |
||||
<a> |
||||
<nobr id="HTTP_TITLE08"></nobr> |
||||
</a> |
||||
</label> |
||||
<label id="TAB_SETTING"> |
||||
<a> |
||||
<nobr id="HTTP_TITLE06"></nobr> |
||||
</a> |
||||
</label> |
||||
<label id="TAB_LICENSE"> |
||||
<a> |
||||
<nobr id="HTTP_TITLE07"></nobr> |
||||
</a> |
||||
</label> |
||||
</div> |
||||
|
||||
<div id="preloadImg" style="position: absolute; display: none;"></div> |
||||
|
||||
<p id="percentage" height="650"> |
||||
Loading ... 0% |
||||
</p> |
||||
|
||||
<iframe id="innerIframe" frameborder="0" style="display: none;"></iframe> |
||||
|
||||
<div id="defaultBtn" align="center" style="display:none;"> |
||||
<button class="Content_stybtn_ln" onclick="func_setDefault()">Default</button> |
||||
</div> |
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,30 @@
|
||||
.progress { |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
height: 8px; |
||||
width: 98%; |
||||
overflow: hidden; |
||||
line-height: 0; |
||||
font-size: 1px; |
||||
background-color: #e9ecef; |
||||
border-radius: 1px; |
||||
} |
||||
.progress-bar { |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
overflow: hidden; |
||||
color: #fff; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
background-color: #fd9600; |
||||
transition: width.6s ease; |
||||
} |
||||
|
||||
.progress-bar-striped { |
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25% , transparent 25% , transparent 50% , rgba(255, 255, 255, .15) 50% , rgba(255, 255, 255, .15) 75% , transparent 75% , transparent); |
||||
background-size: 1rem 1rem; |
||||
} |
||||
@ -0,0 +1,275 @@
|
||||
var myport = "80"; |
||||
var g_check_if_airelay = 1; |
||||
|
||||
/* |
||||
var mymirror = "0"; |
||||
var myflip = "0"; |
||||
var myrotate = "0"; |
||||
*/ |
||||
/* |
||||
window.addEventListener("mousewheel", (e) => { |
||||
if (e.deltaY === 1) { |
||||
e.preventDefault(); |
||||
} |
||||
})*/ |
||||
|
||||
getIPCamSettings(); |
||||
// Restricts input for the given textbox to the given inputFilter.
|
||||
|
||||
function getIPCamSettings() { |
||||
var urlStr; |
||||
if (g_check_if_airelay == 1) { |
||||
urlStr = '/airelay/getipcamsettings'; |
||||
} |
||||
else { |
||||
urlStr = '/getipcamsettings'; |
||||
} |
||||
|
||||
if (localStorage.getItem('IPCAM_PORT') == null) { |
||||
$.ajax({ |
||||
//url: "/airelay/getipcamsettings",
|
||||
url: urlStr, |
||||
type: "GET", |
||||
async: false, |
||||
// timeout: 0,
|
||||
beforeSend: function (xmlHttp) { |
||||
xmlHttp.setRequestHeader("If-Modified-Since", "0"); |
||||
xmlHttp.setRequestHeader("Cache-Control", "no-cache"); |
||||
//xmlHttp.setRequestHeader("Authorization", "Basic " + btoa("username:password"));
|
||||
}, |
||||
success: function (retdata) { |
||||
var jsonbuf = JSON.parse(retdata); |
||||
|
||||
myport = jsonbuf["IPCAM_PORT"]; |
||||
localStorage.setItem("IPCAM_PORT", myport); |
||||
|
||||
/*mymirror = jsonbuf["IPCAM_MIRROR"]; |
||||
myflip = jsonbuf["IPCAM_FLIP"]; |
||||
myrotate = jsonbuf["IPCAM_ROTATE"]; |
||||
*/ |
||||
//console.info(retdata);
|
||||
}, |
||||
error: function (retdata) { |
||||
console.warn(retdata); |
||||
/* |
||||
if (localStorage.getItem('IPCAM_PORT') != null) { |
||||
myport = localStorage.getItem('IPCAM_PORT'); |
||||
}*/ |
||||
} |
||||
}); |
||||
} |
||||
else { |
||||
myport = localStorage.getItem('IPCAM_PORT'); |
||||
} |
||||
} |
||||
|
||||
|
||||
get_cgi = function () |
||||
{ |
||||
if (arguments.length == 0) |
||||
{ |
||||
return; |
||||
} |
||||
var ajax = new Array; |
||||
var _timeout; |
||||
if(window.location.protocol == "http:") |
||||
{ |
||||
ajax["port"] = myport; |
||||
if(arguments[0].port != null) |
||||
{ |
||||
ajax["port"] = arguments[0].port; |
||||
if (ajax["port"] == myport) |
||||
ajax["url"] = "http://"+ (document.URL.split('//')[1]).split('/')[0].split(':')[0] + arguments[0].cmd;
|
||||
else |
||||
ajax["url"] = "http://"+ (document.URL.split('//')[1]).split('/')[0].split(':')[0] + ":" + ajax["port"] + arguments[0].cmd; |
||||
}else{ |
||||
ajax["url"] = "http://"+ (document.URL.split('//')[1]).split('/')[0] + arguments[0].cmd; |
||||
} |
||||
|
||||
} |
||||
else |
||||
{ |
||||
ajax["url"] = "https://"+ (document.URL.split('//')[1]).split('/')[0] + arguments[0].cmd;
|
||||
} |
||||
|
||||
//console.log(ajax["url"]);
|
||||
|
||||
ajax["async"] = true; |
||||
if (typeof arguments[0].async == "boolean") |
||||
{ |
||||
ajax["async"] = arguments[0].async; |
||||
} |
||||
if(arguments[0].timeout != null) |
||||
{ |
||||
_timeout = arguments[0].timeout; |
||||
}else{ |
||||
_timeout = 30000; |
||||
} |
||||
ajax["get_parser"] = arguments[0].get_parser; |
||||
ajax["get_response"] = arguments[0].get_response; |
||||
if(arguments[0].parameter != null) |
||||
{ |
||||
ajax["parameter"] = arguments[0].parameter; |
||||
} |
||||
$.ajax({ |
||||
url: ajax["url"], |
||||
type: 'GET', |
||||
async: ajax["async"], |
||||
timeout: _timeout, |
||||
cache: false, |
||||
error: function (xhr) |
||||
{ |
||||
if (typeof ajax["get_parser"] == "function") |
||||
{ |
||||
ajax["get_parser"]("cgi_error"); |
||||
} |
||||
else if (typeof ajax["get_response"] == "function") |
||||
{ |
||||
ajax["get_response"]("cgi_error"); |
||||
} |
||||
}, |
||||
success: function (response) |
||||
{ |
||||
//console.info(response);
|
||||
if (typeof ajax["get_parser"] == "function") |
||||
{ |
||||
if(ajax["parameter"] != null) |
||||
{ |
||||
ajax["get_parser"](parse_key_array_content(response),ajax["parameter"]); |
||||
} |
||||
else |
||||
{ |
||||
ajax["get_parser"](parse_key_array_content(response)); |
||||
} |
||||
} |
||||
else if (typeof ajax["get_response"] == "function") |
||||
{ |
||||
ajax["get_response"](response); |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
|
||||
post_cgi = function() |
||||
{ |
||||
if (arguments.length == 0) |
||||
{ |
||||
return; |
||||
} |
||||
var ajax = new Array; |
||||
var _timeout; |
||||
|
||||
if(window.location.protocol == "http:") |
||||
{ |
||||
ajax["url"] = "http://"+ (document.URL.split('//')[1]).split('/')[0] + arguments[0].cmd;
|
||||
} |
||||
else |
||||
{ |
||||
ajax["url"] = "https://"+ (document.URL.split('//')[1]).split('/')[0] + arguments[0].cmd;
|
||||
} |
||||
//console.log(ajax["url"]);
|
||||
ajax["async"] = true; |
||||
if (typeof arguments[0].async == "boolean") |
||||
{ |
||||
ajax["async"] = arguments[0].async; |
||||
} |
||||
if(arguments[0].timeout != null) |
||||
{ |
||||
_timeout = arguments[0].timeout; |
||||
}else{ |
||||
_timeout = 1900; |
||||
} |
||||
|
||||
ajax["get_parser"] = arguments[0].get_parser; |
||||
ajax["post_data"] = arguments[0].post_data; |
||||
ajax["get_response"] = arguments[0].get_response; |
||||
|
||||
$.ajax({ |
||||
url: ajax["url"], |
||||
data: ajax["post_data"], |
||||
dataType: 'text', |
||||
type: 'POST', |
||||
async: ajax["async"], |
||||
timeout: _timeout, |
||||
cache: false, |
||||
error: function (xhr) |
||||
{ |
||||
if (typeof ajax["get_parser"] == "function") |
||||
{ |
||||
ajax["get_parser"]("cgi_error"); |
||||
} |
||||
else if (typeof ajax["get_response"] == "function") |
||||
{ |
||||
ajax["get_response"]("cgi_error"); |
||||
} |
||||
}, |
||||
success: function (response) |
||||
{ |
||||
if (typeof ajax["get_parser"] == "function") |
||||
{ |
||||
ajax["get_parser"](parse_key_array_content(response)); |
||||
} |
||||
else if (typeof ajax["get_response"] == "function") |
||||
{ |
||||
ajax["get_response"](response); |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
|
||||
parse_key_array_content = function(content,options) |
||||
{ |
||||
var options = $.extend({spliter1: '=', spliter2: '\n'},options); |
||||
var result = { all: content }; |
||||
var place = content.split(options.spliter2); |
||||
var info=new Array; |
||||
for (var i=0;i<place.length;i++) |
||||
{ |
||||
var sepSite = place[i].search(options.spliter1); |
||||
if (sepSite!=-1) |
||||
{ |
||||
var endSite = place[i].search(options.spliter2); |
||||
info[2*i] = place[i].slice(0,sepSite); |
||||
info[2*i+1] = place[i].slice(sepSite+1,endSite); |
||||
} |
||||
} |
||||
|
||||
var key, value, _i, _len; |
||||
for (var i = _i = 0, _len = info.length; _i < _len; i = _i += 2) |
||||
{ |
||||
key = $.trim(info[i]); |
||||
value = info[i + 1];//$.trim(info[i + 1]);
|
||||
if (key !== '') |
||||
{
|
||||
result[key] = value; |
||||
} |
||||
} |
||||
return result; |
||||
} |
||||
//common
|
||||
/*function my_sleep(delay) |
||||
{ |
||||
var start = new Date().getTime(); |
||||
while (new Date().getTime() < start + delay); |
||||
};*/ |
||||
function TranTextQuoteGV(v) |
||||
{ |
||||
var Sq_length=v.length; |
||||
var o=''; |
||||
for(var i=0;i < Sq_length;i++) |
||||
{ |
||||
if(v.charCodeAt(i)==0x2B)//+
|
||||
o+='%2B'; |
||||
else if(v.charCodeAt(i)==0x3B)//->;
|
||||
o+='%3B'; |
||||
else if(v.charCodeAt(i)==0x5C)//-> \
|
||||
o+='%5C';
|
||||
else if(v.charCodeAt(i)==0x2F)// ->/
|
||||
o+='%2F'; |
||||
else if(v.charCodeAt(i)==0x26)//->&
|
||||
o+='%26';
|
||||
else
|
||||
o+=v.charAt(i); |
||||
} |
||||
return o; |
||||
}; |
||||
@ -0,0 +1,347 @@
|
||||
function GE(a) { return document.getElementById(a) } |
||||
|
||||
function GES(a) { return document.getElementsByName(a) } |
||||
|
||||
function GetValue(b) { |
||||
var a = ""; |
||||
var c = GE(b); |
||||
if (c != null) { |
||||
if (c.type.indexOf("select") >= 0) { |
||||
a = c.options[c.selectedIndex].value |
||||
} else { a = c.value } |
||||
} else { |
||||
alert(b + " Error") |
||||
} |
||||
return a |
||||
} |
||||
|
||||
function SetValue(a, c) { |
||||
var d = GE(a); |
||||
if (d != null) { |
||||
if (d.type.indexOf("select") >= 0) { |
||||
for (var b = 0; b < d.options.length; b++) { |
||||
if (d.options[b].value == c) { d.selectedIndex = b; break } |
||||
} |
||||
} else { |
||||
d.value = c |
||||
} |
||||
} else { alert(a + " Error") } |
||||
} |
||||
|
||||
function Ctrl_Text(a, l, e, c, g, d, h, j, b, f, k, i) { |
||||
this.type = "text"; |
||||
this.active = !(b == true); |
||||
this.id = a; |
||||
this.value = c; |
||||
this.setcmd = g; |
||||
this.checker = d; |
||||
this.html = CreateTextHtml(a, l, e, c, h, j, f, k, i); |
||||
this.GV = function () { return GetValue(this.id) }; |
||||
this.SV = function (m) { SetValue(this.id, m) } |
||||
} |
||||
|
||||
function CreateTextHtml(a, k, b, i, f, g, d, j, e) { |
||||
var h = "text"; |
||||
if (f) { h = "password"; } else { if (k == "0") { h = "hidden"; } } |
||||
var c = ""; |
||||
c += "<input name='" + a + "' id='" + a + "' type='" + h + |
||||
"' size='" + k + "' maxlength='" + b + "' value='" + i + "'"; |
||||
if (g != null) { c += "onChange='" + g + "' ";} |
||||
if (d != null) { |
||||
c += "onKeyup='" + d + "' "; |
||||
//c += "onkeyup = \"this.value=this.value.replace(/[^\w_]/g,'');\"";
|
||||
} |
||||
if (j != null) { |
||||
c += "onKeyPress='" + j + "' "; |
||||
} |
||||
if (e != null) { c += e;} c += ">"; |
||||
return c; |
||||
} |
||||
|
||||
function Ctrl_Check(f, e, d, c, a, b) { |
||||
this.type = "check"; |
||||
this.active = !(b == true); |
||||
this.id = f; |
||||
this.value = e; |
||||
this.setcmd = d; |
||||
this.checker = a; |
||||
this.onClickFunc = c; |
||||
this.GetHtml = function () { |
||||
var g = ""; |
||||
g += '<input type="checkbox" id="' + this.id + '" name="' + |
||||
this.id + '" '; |
||||
if (this.value == 1) { |
||||
g += "checked " |
||||
} |
||||
if (this.onClickFunc != null) { |
||||
g += "onClick='" + this.onClickFunc + "'" |
||||
} |
||||
g += " >"; |
||||
return g |
||||
}; |
||||
this.html = this.GetHtml(); |
||||
this.GV = function () { return Bool2Int(IsChecked(this.id)) }; |
||||
this.SV = function (g) { SetChecked(this.id, (g == 1)) } |
||||
} |
||||
|
||||
function IsChecked(b) { |
||||
var c = GE(b); |
||||
var a = false; |
||||
if (c != null) { |
||||
a = c.checked |
||||
} |
||||
return a |
||||
} |
||||
|
||||
function SetChecked(a, b) { |
||||
var c = GE(a); |
||||
if (c != null) { |
||||
c.checked = b |
||||
} |
||||
} |
||||
|
||||
function Bool2Int(a) { return (a) ? 1 : 0 } |
||||
|
||||
function Ctrl_Radio(f, e, d, c, a, b) { |
||||
this.type = "radio"; |
||||
this.active = !(b == true); |
||||
this.id = f; |
||||
this.value = e; |
||||
this.setcmd = d; |
||||
this.checker = a; |
||||
this.onClickFunc = c; |
||||
this.GetHtml = function (h) { |
||||
var g = "<input type='radio' name='" + this.id + "' id='" + |
||||
this.id + "' value='" + h + "' "; |
||||
if (this.value == h) { g += "checked " } |
||||
if (this.onClickFunc != null) { |
||||
g += "onClick='" + this.onClickFunc + "'" |
||||
} |
||||
g += " >"; |
||||
return g |
||||
}; |
||||
this.GV = function () { return GetRadioValue(this.id) }; |
||||
this.SV = function (g) { SetRadioValue(this.id, g) } |
||||
} |
||||
|
||||
function GetRadioValue(a) { |
||||
var d = 0; |
||||
var c; |
||||
var b = GES(a); |
||||
if (b != null) { |
||||
for (c = 0; c < b.length; c++) { |
||||
if (b[c].checked == true) { d = b[c].value; break } |
||||
} |
||||
} |
||||
return d |
||||
} |
||||
|
||||
function SetRadioValue(a, d) { |
||||
var c; |
||||
var b = GES(a); |
||||
if (b != null) { |
||||
for (c = 0; c < b.length; c++) { |
||||
if (b[c].value == d) { |
||||
b[c].checked = true; |
||||
break |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
function Ctrl_Select(g, d, f, e, c, a, b) { |
||||
this.type = "select"; |
||||
this.active = !(b == true); |
||||
this.id = g; |
||||
this.list = d; |
||||
this.value = f; |
||||
this.setcmd = e; |
||||
this.checker = a; |
||||
this.html = SelectObjectNoWrite(g, d, this.value, c); |
||||
this.GV = function () { return GetValue(this.id) }; |
||||
this.SV = function (h) { SetValue(this.id, h) } |
||||
} |
||||
|
||||
function SelectObjectNoWrite(d, c, e, a) { |
||||
var f = ""; |
||||
f += '<SELECT NAME="' + d + '" id="' + d + '" '; |
||||
if (a == null) { |
||||
f += ">" |
||||
} else { f += ' onChange="' + a + '" >' } aryOption = c.split(";"); |
||||
for (var b = 0; b < aryOption.length; b++) { |
||||
if (b == e) { |
||||
f += "<OPTION selected value=" + b + ">" + aryOption[b] |
||||
} else { |
||||
f += "<OPTION value=" + b + ">" + aryOption[b] |
||||
} |
||||
} |
||||
f += "</SELECT>"; |
||||
return f |
||||
} |
||||
|
||||
function Ctrl_Select_Hidden(g, d, f, e, c, a, b) { |
||||
this.type = "select"; |
||||
this.active = !(b == true); |
||||
this.id = g; |
||||
this.list = d; |
||||
this.value = f; |
||||
this.setcmd = e; |
||||
this.checker = a; |
||||
this.html = SelectObjectNoWrite_Hidden(g, d, this.value, c); |
||||
this.GV = function () { return GetValue(this.id) }; |
||||
this.SV = function (h) { SetValue(this.id, h) } |
||||
} |
||||
|
||||
function SelectObjectNoWrite_Hidden(d, c, e, a) { |
||||
var f = ""; |
||||
f += '<SELECT style="visibility:hidden;" NAME="' + d + '" id="' + d + '" '; |
||||
if (a == null) { |
||||
f += ">" |
||||
} else { f += ' onChange="' + a + '" >' } aryOption = c.split(";"); |
||||
for (var b = 0; b < aryOption.length; b++) { |
||||
if (b == e) { |
||||
f += "<OPTION selected value=" + b + ">" + aryOption[b] |
||||
} else { |
||||
f += "<OPTION value=" + b + ">" + aryOption[b] |
||||
} |
||||
} |
||||
f += "</SELECT>"; |
||||
return f |
||||
} |
||||
|
||||
function Ctrl_SelectNum(a, h, b, k, e, g, j, i, f, d, c) { |
||||
this.type = "selectNum"; |
||||
this.active = !(c == true); |
||||
this.id = a; |
||||
this.value = e; |
||||
this.setcmd = g; |
||||
this.checker = d; |
||||
this.html = GetSelectNumberHtml(a, h, b, k, this.value, j, i, f); |
||||
this.rehtml = function (l, m) { |
||||
return GetSelectNumberHtml(a, l, m, k, this.value, j, i |
||||
, f) |
||||
}; |
||||
this.GV = function () { return GetValue(this.id) }; |
||||
this.SV = function (l) { |
||||
this.value = l; |
||||
SetValue(this.id, l) |
||||
} |
||||
} |
||||
|
||||
function GetSelectNumberHtml(a, b, d, j, l, h, k, e) { |
||||
var c = ""; |
||||
c += '<select id="' + a + '" name="' + a + '" '; |
||||
if (h != null) { |
||||
c += ' onchange="' + h + '"' |
||||
} |
||||
if (k != null) { |
||||
c += ' onfocus="' + k + '"' |
||||
} |
||||
c += ">"; |
||||
var f = 0; |
||||
for (f = b; f <= d; f += j) { |
||||
var g = f; |
||||
if (e != null) { g = FixNum(f, e) } |
||||
if (f == l) { c += "<option selected value=" + f + ">" + g } else { |
||||
c += "<option value=" + f + ">" + g |
||||
} |
||||
} |
||||
c += "</select>"; |
||||
return c |
||||
} |
||||
|
||||
function Ctrl_SelectEx(g, d, f, e, c, a, b) { |
||||
this.type = "select"; |
||||
this.active = !(b == true); |
||||
this.id = g; |
||||
this.list = d; |
||||
this.value = f; |
||||
this.setcmd = e; |
||||
this.onChangeFunc = c; |
||||
this.checker = a; |
||||
this.html = SelectObjectNoWriteEx(this.id, this.list, this.value |
||||
, this.onChangeFunc); |
||||
this.GV = function () { return GetValue(this.id) }; |
||||
this.SV = function (h) { SetValue(this.id, h) }; |
||||
this.rehtml = function (h, i) { |
||||
return SelectObjectNoWriteEx(this.id, h, (i != null) ? i : |
||||
this.value, this.onChangeFunc) |
||||
} |
||||
} |
||||
|
||||
function SelectObjectNoWriteEx(d, c, e, a) { |
||||
var f = ""; |
||||
f += '<SELECT NAME="' + d + '" id="' + d + '" '; |
||||
if (a == null) { |
||||
f += ">" |
||||
} else { f += ' onChange="' + a + '" >' } aryOption = c.split(";"); |
||||
for (var b = 0; b < aryOption.length; b++) { |
||||
if (aryOption[b] == e) { |
||||
f += '<OPTION selected value="' + aryOption[b] + '">' + |
||||
aryOption[b] |
||||
} else { |
||||
f += '<OPTION value="' + aryOption[b] + '">' + aryOption[ |
||||
b] |
||||
} |
||||
} |
||||
f += "</SELECT>"; |
||||
return f |
||||
} |
||||
|
||||
function Ctrl_Select2List(h, a, g, f, e, d, b, c) { |
||||
this.type = "select"; |
||||
this.active = !(c == true); |
||||
this.id = h; |
||||
this.list1 = a; |
||||
this.list2 = g; |
||||
this.value = f; |
||||
this.setcmd = e; |
||||
this.onChangeFunc = d; |
||||
this.checker = b; |
||||
this.html = SelectObjectNoWrite2List(this.id, this.list1, this.list2 |
||||
, this.value, this.onChangeFunc); |
||||
this.GV = function () { return GetValue(this.id) }; |
||||
this.SV = function (i) { SetValue(this.id, i) } |
||||
} |
||||
|
||||
function SelectObjectNoWrite2List(d, g, c, e, a) { |
||||
var f = ""; |
||||
f += '<SELECT NAME="' + d + '" id="' + d + '" '; |
||||
if (a == null) { |
||||
f += ">" |
||||
} else { f += ' onChange="' + a + '" >' } aryOption = c.split(";"); |
||||
aryValue = g.split(";"); |
||||
for (var b = 0; b < aryOption.length; b++) { |
||||
if (aryValue[b] == e) { |
||||
f += '<OPTION selected value="' + aryValue[b] + '">' + |
||||
aryOption[b] |
||||
} else { |
||||
f += '<OPTION value="' + aryValue[b] + '">' + aryOption[b] |
||||
} |
||||
} |
||||
f += "</SELECT>"; |
||||
return f |
||||
} |
||||
|
||||
function DisableObjs(c, b) { |
||||
for (var a = 0; a < c.length; a++) { |
||||
DisableObject(c[a], b) |
||||
} |
||||
} |
||||
|
||||
function DisableObject(a, c) { |
||||
var f = GE(a); |
||||
if (f != null) { |
||||
f.disabled = c |
||||
} |
||||
try { SetCIA(a, !c) } catch (d) {} |
||||
var g = GES(a); |
||||
if (g != null) { |
||||
for (var b = 0; b < g.length; b++) { |
||||
g[b].disabled = c |
||||
} |
||||
} |
||||
} |
||||
|
||||
function SetCIA(b, a) { CTRLARY[b].active = (a == true) }; |
||||
var abab1=[11,99,33]; |
||||
@ -0,0 +1,121 @@
|
||||
|
||||
var MIN_RANGE_MIN_CHARACTERS = 0; |
||||
var MAX_RANGE_MIN_CHARACTERS = 100; |
||||
|
||||
var MIN_RANGE_MAX_CHARACTERS = 0; |
||||
var MAX_RANGE_MAX_CHARACTERS = 100; |
||||
|
||||
var MIN_RANGE_CONFIDENCE = 0; |
||||
var MAX_RANGE_CONFIDENCE = 100; |
||||
|
||||
var MIN_RANGE_OBJ_MAX_PROPORTION = 0; |
||||
var MAX_RANGE_OBJ_MAX_PROPORTION = 100; |
||||
|
||||
var MIN_RANGE_OBJ_MIN_PROPORTION = 0; |
||||
var MAX_RANGE_OBJ_MIN_PROPORTION = 100; |
||||
|
||||
var MIN_RANGE_NO_PARKING_TIME = 0; |
||||
var MAX_RANGE_NO_PARKING_TIME = 100; |
||||
|
||||
var G_CAM_SENSOR_RES_WIDTH = 3840; |
||||
var G_CAM_SENSOR_RES_HEIGHT = 2160; |
||||
var G_CAM_VIDEO_RES_WIDTH = 1920; |
||||
var G_CAM_VIDEO_RES_HEIGHT = 1080; |
||||
var G_VIEW_CANVAS_X = 480; |
||||
var G_VIEW_CANVAS_Y = 320; |
||||
|
||||
//trigger events
|
||||
var TRIGGER_ZONE_VIOLATION = 1; |
||||
var TRIGGER_PARKING_VIOLATION = 4; |
||||
var TRIGGER_GO_STRAIGHT = 8; |
||||
var TRIGGER_TURN_LEFT = 16; |
||||
var TRIGGER_TURN_RIGHT = 32; |
||||
var TRIGGER_SPEED_HIGH = 8192; |
||||
var TRIGGER_SPEED_LOW = 16384; |
||||
var TRIGGER_DISTANCE_VIOLATION = 262144; |
||||
var TRIGGER_ALLOW_LIST = 2097152; |
||||
var TRIGGER_BLOCK_LIST = 4194304; |
||||
var TRIGGER_GUEST_LIST = 8388608; |
||||
var TRIGGER_MISSING_UNATTENDED = 16777216; |
||||
var TRIGGER_BG_LEARNING = 33554432; |
||||
var TRIGGER_TAMPERING = 67108864; |
||||
var TRIGGER_HIGH_VIOLATION = 134217728; |
||||
|
||||
var TRIGGER_GO_STRAIGHT_RED_LIGHT = 1024; |
||||
var TRIGGER_TURN_LEFT_RED_LIGHT = 2048; |
||||
var TRIGGER_TURN_RIGHT_RED_LIGHT = 4096; |
||||
|
||||
var TRIGGER_QUEUING_VIOLATION = 268435456; |
||||
var TRIGGER_MISSING_OBJECT_DETECTION = 536870912; |
||||
var TRIGGER_ALL_OBJECTS = 1073741824; |
||||
var TRIGGER_LACK_OF_ANY_OBJECT = 2147483648; |
||||
|
||||
var COLOR_ARRAY = ["#F0F0F0", "Red", "#F0F0F0", "Yellow", "Green", "Blue", "Cyan", "Purple", "Black", "#F0F0F0", "Silver", "Darkgray"];//index 0、2、6 沒有在使用，所以一律設定成#F0F0F0
|
||||
|
||||
var DETECT_EVENT_ID_ARRAY = ["0x00000001", "0x00000004", "0x00200000", "0x00400000", "0x00000008", "0x00000010", "0x00000020", "0x10000000", "0x20000000", "0x00800000", "0x01000000", "0x02000000", "0x04000000", "0x40000000", "0x80000000", "0x00002000", "0x00004000", "0x00000400", "0x00000800", "0x00001000", "0x00008000", "0x00040000","0x08000000"]; |
||||
|
||||
var myport = "80"; |
||||
|
||||
var g_check_if_airelay = 1; |
||||
|
||||
/* |
||||
var mymirror = "0"; |
||||
var myflip = "0"; |
||||
var myrotate = "0"; |
||||
*/ |
||||
/* |
||||
window.addEventListener("mousewheel", (e) => { |
||||
if (e.deltaY === 1) { |
||||
e.preventDefault(); |
||||
} |
||||
})*/ |
||||
|
||||
getIPCamSettings(); |
||||
// Restricts input for the given textbox to the given inputFilter.
|
||||
|
||||
function getIPCamSettings() { |
||||
var urlStr; |
||||
if (g_check_if_airelay == 1) { |
||||
urlStr = '/airelay/getipcamsettings'; |
||||
} |
||||
else { |
||||
urlStr = '/getipcamsettings'; |
||||
} |
||||
|
||||
if (localStorage.getItem('IPCAM_PORT') == null) { |
||||
$.ajax({ |
||||
//url: "/airelay/getipcamsettings",
|
||||
url: urlStr, |
||||
type: "GET", |
||||
async: false, |
||||
// timeout: 0,
|
||||
beforeSend: function (xmlHttp) { |
||||
xmlHttp.setRequestHeader("If-Modified-Since", "0"); |
||||
xmlHttp.setRequestHeader("Cache-Control", "no-cache"); |
||||
//xmlHttp.setRequestHeader("Authorization", "Basic " + btoa("username:password"));
|
||||
}, |
||||
success: function (retdata) { |
||||
var jsonbuf = JSON.parse(retdata); |
||||
|
||||
myport = jsonbuf["IPCAM_PORT"]; |
||||
localStorage.setItem("IPCAM_PORT", myport); |
||||
|
||||
/*mymirror = jsonbuf["IPCAM_MIRROR"]; |
||||
myflip = jsonbuf["IPCAM_FLIP"]; |
||||
myrotate = jsonbuf["IPCAM_ROTATE"]; |
||||
*/ |
||||
//console.info(retdata);
|
||||
}, |
||||
error: function (retdata) { |
||||
console.warn(retdata); |
||||
/* |
||||
if (localStorage.getItem('IPCAM_PORT') != null) { |
||||
myport = localStorage.getItem('IPCAM_PORT'); |
||||
}*/ |
||||
} |
||||
}); |
||||
} |
||||
else { |
||||
myport = localStorage.getItem('IPCAM_PORT'); |
||||
} |
||||
} |
||||
@ -0,0 +1,84 @@
|
||||
|
||||
!function (e, t) { |
||||
"function" == typeof define && define.amd ? define(t) : "object" == typeof exports && exports ? module.exports = t() : e.cookie = t(); |
||||
} |
||||
|
||||
("undefined" == typeof window ? this : window, function () |
||||
{ |
||||
function e(e) { |
||||
return !!e && "[object Object]" === Object.prototype.toString.call(e); |
||||
} |
||||
function t(e) { |
||||
return Array.prototype.slice.call(e); |
||||
} |
||||
function n(e) { |
||||
for (var t = e.split(":"), n = 0, r = t.length; n < r; n++) |
||||
0 == t[n].split("")[0] && (t[n] = t[n].split("")[1]); |
||||
var o = new Date, |
||||
i = parseInt(t[0]) - o.getHours(), |
||||
a = parseInt(t[1]) - o.getMinutes(), |
||||
s = parseInt(t[2]) - o.getSeconds(); |
||||
return 1e3 * (60 * i * 60 + 60 * a + s); |
||||
} |
||||
function r() { |
||||
if (!(this instanceof r)) |
||||
return new r; |
||||
} |
||||
var o = Object.keys || function (e) { |
||||
var t = [], n = ""; |
||||
for (n in e) |
||||
e.hasOwnProperty(n) && t.push(n); |
||||
return t; |
||||
}, |
||||
i = Array.isArray || function (e) { |
||||
return "[object Array]" === Object.prototype.toString.call(e); |
||||
}; |
||||
r.prototype = { |
||||
get: function (e) { |
||||
return e && "string" == typeof e ? this.all()[e] || null : null; |
||||
}, |
||||
set: function (t, r, o) { |
||||
var i = e(o) ? o : { |
||||
expires: o |
||||
}, |
||||
a = void 0 !== i.expires ? i.expires : "", |
||||
s = typeof a; |
||||
if ("string" === s && "" !== a) { |
||||
var u = /^([01]\d|2[0-3]):[0-5]\d:([0-5]\d)$/; |
||||
a = u.test(a) ? new Date(+new Date + n(a)) : new Date(a); |
||||
} else |
||||
"number" === s && (a = new Date(+new Date + 864e5 * a)); |
||||
"" !== a && "toGMTString" in a && (a = "; expires=" + a.toGMTString()); |
||||
var c = "; path=" + (i.path ? i.path : "/"), |
||||
p = i.domain ? "; domain=" + i.domain : "", |
||||
f = i.secure ? "; secure" : ""; |
||||
document.cookie = t + "=" + escape(r) + a + c + p + f; |
||||
}, |
||||
remove: function (e) { |
||||
e = i(e) ? e : t(arguments); |
||||
for (var n = 0, r = e.length; n < r; n++) |
||||
this.set(e[n], "", -1); |
||||
return e; |
||||
}, |
||||
clear: function () { |
||||
return this.remove(o(this.all())); |
||||
}, |
||||
all: function () { |
||||
var e = {}; |
||||
if (document.cookie) |
||||
for (var t = document.cookie.split("; "), n = 0, r = t.length; n < r; n++) { |
||||
var o = t[n].split("="); |
||||
e[unescape(o[0])] = unescape(o[1]); |
||||
} |
||||
return e; |
||||
} |
||||
}; |
||||
var a = function (e, t, n) { |
||||
var o = r(), |
||||
i = arguments.length; |
||||
return 1 === i && "string" == typeof e ? o.get(e) : i > 1 && e && t ? o.set(e, t, n) : null === t ? o.remove(e) : o.all(); |
||||
}; |
||||
for (var s in r.prototype) |
||||
a[s] = r.prototype[s]; |
||||
return a; |
||||
}); |
||||