视频显示
This commit is contained in:
parent
8629e1bf61
commit
a914d61e8a
|
|
@ -1,440 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
<script>
|
||||
document.write("<link type='text/css' href='../demo.css?version=" + new Date().getTime() + "' rel='stylesheet' />");
|
||||
</script>
|
||||
</head>
|
||||
<body style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
">
|
||||
<div class="left">
|
||||
<div id="divPlugin" class="plugin"></div>
|
||||
|
||||
<fieldset class="login">
|
||||
<legend>登录</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td class="tt">IP地址</td>
|
||||
<td><input id="loginip" type="text" class="txt" value="10.14.97.136" /></td>
|
||||
<!-- <td><input id="loginip" type="text" class="txt" value="10.41.203.83" /></td> -->
|
||||
<td class="tt">端口号</td>
|
||||
<td><input id="port" type="text" class="txt" value="80" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">用户名</td>
|
||||
<td><input id="username" type="text" class="txt" value="admin" /></td>
|
||||
<td class="tt">密码</td>
|
||||
<td><input id="password" type="password" class="txt" value="1111111q" /></td>
|
||||
<!-- <td><input id="password" type="password" class="txt" value="abcd1234" /></td> -->
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">设备端口</td>
|
||||
<td colspan="2"><input id="deviceport" type="text" class="txt" />（可选参数）</td>
|
||||
<td>
|
||||
窗口分割数
|
||||
<select class="sel2" onchange="changeWndNum(this.value);">
|
||||
<option value="1" selected>1x1</option>
|
||||
<option value="2">2x2</option>
|
||||
<option value="3">3x3</option>
|
||||
<option value="4">4x4</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">RTSP端口</td>
|
||||
<td colspan="3"><input id="rtspport" type="text" class="txt" />（可选参数）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<input type="button" class="btn" value="登录" onclick="clickLogin();" />
|
||||
<input type="button" class="btn" value="退出" onclick="clickLogout();" />
|
||||
<input type="button" class="btn2" value="获取基本信息" onclick="clickGetDeviceInfo();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">已登录设备</td>
|
||||
<td>
|
||||
<select id="ip" class="sel" onchange="getChannelInfo();getDevicePort();"></select>
|
||||
</td>
|
||||
<td class="tt">通道列表</td>
|
||||
<td>
|
||||
<select id="channels" class="sel"></select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="开始预览" onclick="clickStartRealPlay();" />
|
||||
</td>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="停止预览" onclick="clickStopRealPlay();" />
|
||||
</td>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="设置文本叠加" onclick="setTextOverlay();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="ipchannel">
|
||||
<legend>数字通道</legend>
|
||||
<table width="100%" cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td><input type="button" class="btn" value="获取数字通道列表" onclick="clickGetDigitalChannelInfo();" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="digitaltdiv">
|
||||
<table id="digitalchannellist" class="digitalchannellist" cellpadding="0" cellspacing="0" border="0"></table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="localconfig">
|
||||
<legend>本地配置</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td class="tt">播放性能</td>
|
||||
<td>
|
||||
<select id="netsPreach" name="netsPreach" class="sel">
|
||||
<option value="0">最短延时</option>
|
||||
<option value="1">实时性好</option>
|
||||
<option value="2">均衡</option>
|
||||
<option value="3">流畅性好</option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="tt">图像尺寸</td>
|
||||
<td>
|
||||
<select id="wndSize" name="wndSize" class="sel">
|
||||
<option value="0">充满</option>
|
||||
<option value="1">4:3</option>
|
||||
<option value="2">16:9</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">规则信息</td>
|
||||
<td>
|
||||
<select id="rulesInfo" name="rulesInfo" class="sel">
|
||||
<option value="1">启用</option>
|
||||
<option value="0">禁用</option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="tt">抓图文件格式</td>
|
||||
<td>
|
||||
<select id="captureFileFormat" name="captureFileFormat" class="sel">
|
||||
<option value="0">JPEG</option>
|
||||
<option value="1">BMP</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">录像文件打包大小</td>
|
||||
<td>
|
||||
<select id="packSize" name="packSize" class="sel">
|
||||
<option value="0">256M</option>
|
||||
<option value="1">512M</option>
|
||||
<option value="2">1G</option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="tt">协议类型</td>
|
||||
<td>
|
||||
<select id="protocolType" name="protocolType" class="sel">
|
||||
<option value="0">TCP</option>
|
||||
<option value="2">UDP</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">码流秘钥</td>
|
||||
<td colspan="3">
|
||||
<input id="secretKey" type="password" class="txt"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">录像文件保存路径</td>
|
||||
<td colspan="3"><input id="recordPath" type="text" class="txt" /> <input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('recordPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">回放下载保存路径</td>
|
||||
<td colspan="3"><input id="downloadPath" type="text" class="txt" /> <input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('downloadPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">预览抓图保存路径</td>
|
||||
<td colspan="3"><input id="previewPicPath" type="text" class="txt" /> <input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('previewPicPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">回放抓图保存路径</td>
|
||||
<td colspan="3"><input id="playbackPicPath" type="text" class="txt" /> <input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('playbackPicPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">回放剪辑保存路径</td>
|
||||
<td colspan="3"><input id="playbackFilePath" type="text" class="txt" /> <input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('playbackFilePath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><input type="button" class="btn" value="获取" onclick="clickGetLocalCfg();" /> <input type="button" class="btn" value="设置" onclick="clickSetLocalCfg();" /> 修改参数后，需要刷新界面后生效。</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="left">
|
||||
<fieldset class="preview">
|
||||
<legend>预览</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td class="tt">码流类型</td>
|
||||
<td>
|
||||
<select id="streamtype" class="sel">
|
||||
<option value="1">主码流</option>
|
||||
<option value="2">子码流</option>
|
||||
<option value="3">第三码流</option>
|
||||
<option value="4">转码码流</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">音量</td>
|
||||
<td>
|
||||
<input type="text" id="volume" class="txt" value="50" maxlength="3" /> <input type="button" class="btn" value="设置" onclick="clickSetVolume();" />（范围：0~100）
|
||||
</td>
|
||||
<td>
|
||||
<input type="button" class="btn" value="打开声音" onclick="clickOpenSound();" />
|
||||
<input type="button" class="btn" value="关闭声音" onclick="clickCloseSound();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">对讲通道</td>
|
||||
<td>
|
||||
<select id="audiochannels" class="sel">
|
||||
|
||||
</select>
|
||||
<input type="button" class="btn" value="获取通道" onclick="clickGetAudioInfo();" />
|
||||
</td>
|
||||
<td>
|
||||
<input type="button" class="btn" value="开始对讲" onclick="clickStartVoiceTalk();" />
|
||||
<input type="button" class="btn" value="停止对讲" onclick="clickStopVoiceTalk();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<input type="button" class="btn" value="抓图" onclick="clickCapturePic('preview');" />
|
||||
<input type="button" class="btn" value="抓图上传" onclick="clickCapturePicData();" />
|
||||
<input type="button" class="btn" value="开始录像" onclick="clickStartRecord('realplay');" />
|
||||
<input type="button" class="btn" value="停止录像" onclick="clickStopRecord('realplay');" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<input type="button" class="btn2" value="启用电子放大" onclick="clickEnableEZoom();" />
|
||||
<input type="button" class="btn2" value="禁用电子放大" onclick="clickDisableEZoom();" />
|
||||
<input type="button" class="btn2" value="启用3D放大" onclick="clickEnable3DZoom();" />
|
||||
<input type="button" class="btn2" value="禁用3D放大" onclick="clickDisable3DZoom();" />
|
||||
<input id="fullbtn" type="button" class="btn" value="全屏" onclick="clickFullScreen();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="draw">
|
||||
<legend>绘图</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" value="启用绘制" onclick="clickEnableDraw();" />
|
||||
<input type="button" class="btn" value="禁用绘制" onclick="clickDisableDraw();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
图形ID：<input id="snapId" type="text" class="txt" />
|
||||
名称：<input id="snapName" type="text" class="txt" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" value="添加图形" onclick="clickAddSnapPolygon()" />
|
||||
<input type="button" class="btn" value="删除图形" onclick="clickDelSnapPolygon()" />
|
||||
<input type="button" class="btn" value="获取图形" onclick="clickGetSnapPolygon()" />
|
||||
<input type="button" class="btn" value="设置图形" onclick="clickSetSnapPolygon()" />
|
||||
<input type="button" class="btn" value="清空图形" onclick="clickDelAllSnapPolygon()" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="ptz">
|
||||
<legend>云台控制</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0" class="left">
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" value="左上" onmousedown="mouseDownPTZControl(5);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="上" onmousedown="mouseDownPTZControl(1);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="右上" onmousedown="mouseDownPTZControl(7);" onmouseup="mouseUpPTZControl();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" value="左" onmousedown="mouseDownPTZControl(3);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="自动" onclick="mouseDownPTZControl(9);" />
|
||||
<input type="button" class="btn" value="右" onmousedown="mouseDownPTZControl(4);" onmouseup="mouseUpPTZControl();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" value="左下" onmousedown="mouseDownPTZControl(6);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="下" onmousedown="mouseDownPTZControl(2);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="右下" onmousedown="mouseDownPTZControl(8);" onmouseup="mouseUpPTZControl();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table cellpadding="0" cellspacing="3" border="0" class="left">
|
||||
<tr>
|
||||
<td class="tt">云台速度</td>
|
||||
<td>
|
||||
<select id="ptzspeed" class="sel">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4" selected>4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">预置点号</td>
|
||||
<td><input id="preset" type="text" class="txt" value="1" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="button" class="btn" value="设置" onclick="clickSetPreset();" />
|
||||
<input type="button" class="btn" value="调用" onclick="clickGoPreset();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table cellpadding="0" cellspacing="3" border="0" class="left">
|
||||
<tr>
|
||||
<td class="tt"><input type="button" class="btn2" value="变倍+" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()"></td>
|
||||
<td><input type="button" class="btn2" value="变倍-" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt"><input type="button" class="btn2" value="变焦+" onmousedown="PTZFocusIn()" onmouseup="PTZFoucusStop()"></td>
|
||||
<td><input type="button" class="btn2" value="变焦-" onmousedown="PTZFoucusOut()" onmouseup="PTZFoucusStop()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt"><input type="button" class="btn2" value="光圈+" onmousedown="PTZIrisIn()" onmouseup="PTZIrisStop()"></td>
|
||||
<td><input type="button" class="btn2" value="光圈-" onmousedown="PTZIrisOut()" onmouseup="PTZIrisStop()"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="playback">
|
||||
<legend>回放</legend>
|
||||
<table width="100%" cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td class="tt">码流类型</td>
|
||||
<td>
|
||||
<select id="record_streamtype" class="sel">
|
||||
<option value="1">主码流</option>
|
||||
<option value="2">子码流</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">开始时间</td>
|
||||
<td>
|
||||
<input id="starttime" type="text" class="txt" value="2013-12-10 00:00:00" />（时间格式：2013-11-11 12:34:56）
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">结束时间</td>
|
||||
<td>
|
||||
<input id="endtime" type="text" class="txt" value="2013-12-11 23:59:59" />
|
||||
<input type="button" class="btn" value="搜索" onclick="clickRecordSearch(0);" />
|
||||
<input type="button" class="btn" value="停止下载" onclick="clickStopDownload();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">按时间下载开始时间</td>
|
||||
<td>
|
||||
<input id="downloadstarttime" type="text" class="txt" value="2013-12-10 00:00:00" />（时间格式：2013-11-11 12:34:56）
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">按时间下载结束时间</td>
|
||||
<td>
|
||||
<input id="downloadendtime" type="text" class="txt" value="2013-12-11 23:59:59" />
|
||||
<input type="button" class="btn" value="下载" onclick="clickStartDownloadRecordByTime();" />（相机不支持）
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div id="searchdiv" class="searchdiv">
|
||||
<table id="searchlist" class="searchlist" cellpadding="0" cellspacing="0" border="0"></table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="button" class="btn2" value="开始回放" onclick="clickStartPlayback();" />
|
||||
<input type="button" class="btn2" value="停止回放" onclick="clickStopPlayback();" />
|
||||
<input id="btnReverse" type="button" class="btn" value="倒放" onclick="clickReversePlayback();" />
|
||||
<input type="button" class="btn" value="单帧" onclick="clickFrame();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="button" class="btn" value="暂停" onclick="clickPause();" />
|
||||
<input type="button" class="btn" value="恢复" onclick="clickResume();" />
|
||||
<input type="button" class="btn" value="慢放" onclick="clickPlaySlow();" />
|
||||
<input type="button" class="btn" value="快放" onclick="clickPlayFast();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="button" class="btn" value="抓图" onclick="clickCapturePic('playback');" />
|
||||
<input type="button" class="btn2" value="开始剪辑" onclick="clickStartRecord('playback');" />
|
||||
<input type="button" class="btn2" value="停止剪辑" onclick="clickStopRecord('playback');" />
|
||||
<input type="button" class="btn2" value="OSD时间" onclick="clickGetOSDTime();" /> <input id="osdtime" type="text" class="txt" readonly />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="maintain">
|
||||
<legend>系统维护</legend>
|
||||
<table width="100%" cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" id="checkVersion" class="btn2" value="检查插件版本" onclick="clickCheckPluginVersion();" />
|
||||
<input type="button" class="btn2" value="恢复默认参数" onclick="clickRestoreDefault();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input id="upgradeFile" type="text" class="txt" /> <input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('upgradeFile', 1);" /> <input type="button" class="btn2" value="升级" onclick="clickStartUpgrade();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="left">
|
||||
<fieldset class="operate">
|
||||
<legend>操作信息</legend>
|
||||
<div id="opinfo" class="opinfo"></div>
|
||||
</fieldset>
|
||||
<fieldset class="callback">
|
||||
<legend>事件回调信息</legend>
|
||||
<div id="cbinfo" class="cbinfo"></div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../jquery-1.7.1.min.js"></script>
|
||||
<script id="videonode" src="../codebase/webVideoCtrl.js"></script>
|
||||
<script src="demo.js"></script>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,405 +0,0 @@
|
|||
@charset "utf-8";
|
||||
*
|
||||
{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
html
|
||||
{
|
||||
width:100%;
|
||||
height:100%;
|
||||
font-size:12px;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
-webkit-text-size-adjust:none;
|
||||
background:#FFFFFF;
|
||||
}
|
||||
body
|
||||
{
|
||||
padding:5px;
|
||||
}
|
||||
select
|
||||
{
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
}
|
||||
.left
|
||||
{
|
||||
float:left;
|
||||
}
|
||||
.freeze
|
||||
{
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
background:#343434;
|
||||
color:#FFFFFF;
|
||||
font-size:26px;
|
||||
font-weight:bold;
|
||||
filter:alpha(opacity=60);
|
||||
opacity:0.6;
|
||||
}
|
||||
.vtop
|
||||
{
|
||||
vertical-align:middle;
|
||||
margin-top:-1px;
|
||||
}
|
||||
/*插件*/
|
||||
.plugin
|
||||
{
|
||||
/* width:100%;
|
||||
height:100%; */
|
||||
width:500px;
|
||||
height:300px;
|
||||
}
|
||||
fieldset
|
||||
{
|
||||
display:block;
|
||||
}
|
||||
/*本地配置*/
|
||||
.localconfig
|
||||
{
|
||||
width:480px;
|
||||
padding:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.localconfig .tt
|
||||
{
|
||||
width:125px;
|
||||
}
|
||||
.localconfig .txt
|
||||
{
|
||||
width:310px;
|
||||
}
|
||||
.localconfig .txt2
|
||||
{
|
||||
width:300px;
|
||||
}
|
||||
.localconfig .btn
|
||||
{
|
||||
width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.localconfig .sel
|
||||
{
|
||||
width:120px;
|
||||
}
|
||||
/*登录*/
|
||||
.login
|
||||
{
|
||||
width:480px;
|
||||
padding:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.login .tt
|
||||
{
|
||||
width:100px;
|
||||
}
|
||||
.login .txt
|
||||
{
|
||||
width:130px;
|
||||
}
|
||||
.login .btn
|
||||
{
|
||||
width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.login .btn2
|
||||
{
|
||||
width:100px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.login .sel
|
||||
{
|
||||
width:130px;
|
||||
}
|
||||
.login .sel2
|
||||
{
|
||||
width:65px;
|
||||
}
|
||||
/*数字通道*/
|
||||
.ipchannel
|
||||
{
|
||||
width:480px;
|
||||
padding:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.ipchannel .btn
|
||||
{
|
||||
width:130px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.ipchannel .digitaltdiv
|
||||
{
|
||||
height:100px;
|
||||
overflow:hidden;
|
||||
overflow-y:auto;
|
||||
border:1px solid #7F9DB9;
|
||||
font-size:11px;
|
||||
}
|
||||
.ipchannel .digitalchannellist th, .ipchannel .digitalchannellist td
|
||||
{
|
||||
padding:2px;
|
||||
border:1px solid #7F9DB9;
|
||||
border-collapse:collapse;
|
||||
white-space:nowrap;
|
||||
}
|
||||
/*预览*/
|
||||
.preview
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
padding-top:0;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.preview .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.preview .txt
|
||||
{
|
||||
width:30px;
|
||||
}
|
||||
.preview .btn
|
||||
{
|
||||
width:70px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.preview .btn2
|
||||
{
|
||||
width:90px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.preview .sel
|
||||
{
|
||||
width:105px;
|
||||
}
|
||||
/*云台*/
|
||||
.ptz
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.ptz .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.ptz .txt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.ptz .btn
|
||||
{
|
||||
width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.ptz .btn2
|
||||
{
|
||||
width:60px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.ptz .sel
|
||||
{
|
||||
width:65px;
|
||||
}
|
||||
/*视频参数*/
|
||||
.videoparam
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.videoparam .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.videoparam .txt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.videoparam .btn
|
||||
{
|
||||
width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.videoparam .sel
|
||||
{
|
||||
width:65px;
|
||||
}
|
||||
/*回放*/
|
||||
.playback
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.playback .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.playback .txt
|
||||
{
|
||||
width:140px;
|
||||
}
|
||||
.playback .btn
|
||||
{
|
||||
min-width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.playback .btn2
|
||||
{
|
||||
width:70px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.playback .sel
|
||||
{
|
||||
width:142px;
|
||||
}
|
||||
.playback .searchdiv
|
||||
{
|
||||
height:100px;
|
||||
overflow:hidden;
|
||||
overflow-y:auto;
|
||||
border:1px solid #7F9DB9;
|
||||
font-size:11px;
|
||||
}
|
||||
.playback .searchlist th, .playback .searchlist td
|
||||
{
|
||||
padding:2px;
|
||||
border:1px solid #7F9DB9;
|
||||
border-collapse:collapse;
|
||||
white-space:nowrap;
|
||||
}
|
||||
/*系统维护*/
|
||||
.maintain
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.maintain .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.maintain .txt
|
||||
{
|
||||
width:280px;
|
||||
}
|
||||
.maintain .btn
|
||||
{
|
||||
width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.maintain .btn2
|
||||
{
|
||||
width:100px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.maintain .sel
|
||||
{
|
||||
width:65px;
|
||||
}
|
||||
/*操作信息*/
|
||||
.operate
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.operate .opinfo
|
||||
{
|
||||
height:150px;
|
||||
border:1px solid #7F9DB9;
|
||||
overflow:auto;
|
||||
}
|
||||
/*事件回调*/
|
||||
.callback
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.callback .cbinfo
|
||||
{
|
||||
height:114px;
|
||||
border:1px solid #7F9DB9;
|
||||
overflow:auto;
|
||||
}
|
||||
/*IP解析*/
|
||||
.ipparse
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.ipparse .tt
|
||||
{
|
||||
width:85px;
|
||||
}
|
||||
.ipparse .txt
|
||||
{
|
||||
width:130px;
|
||||
}
|
||||
.ipparse .btn
|
||||
{
|
||||
width:90px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.ipparse .sel
|
||||
{
|
||||
width:130px;
|
||||
}
|
||||
/*绘图*/
|
||||
.draw
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
padding-top:0;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.draw .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.draw .txt
|
||||
{
|
||||
width:140px;
|
||||
}
|
||||
.draw .btn
|
||||
{
|
||||
width:70px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.draw .btn2
|
||||
{
|
||||
width:100px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.draw .sel
|
||||
{
|
||||
width:105px;
|
||||
}
|
||||
|
|
@ -1,405 +0,0 @@
|
|||
@charset "utf-8";
|
||||
*
|
||||
{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
html
|
||||
{
|
||||
width:100%;
|
||||
height:100%;
|
||||
font-size:12px;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
-webkit-text-size-adjust:none;
|
||||
background:#FFFFFF;
|
||||
}
|
||||
body
|
||||
{
|
||||
padding:5px;
|
||||
}
|
||||
select
|
||||
{
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
}
|
||||
.left
|
||||
{
|
||||
float:left;
|
||||
}
|
||||
.freeze
|
||||
{
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
background:#343434;
|
||||
color:#FFFFFF;
|
||||
font-size:26px;
|
||||
font-weight:bold;
|
||||
filter:alpha(opacity=60);
|
||||
opacity:0.6;
|
||||
}
|
||||
.vtop
|
||||
{
|
||||
vertical-align:middle;
|
||||
margin-top:-1px;
|
||||
}
|
||||
/*插件*/
|
||||
.plugin
|
||||
{
|
||||
/* width:100%;
|
||||
height:100%; */
|
||||
width:500px;
|
||||
height:300px;
|
||||
}
|
||||
fieldset
|
||||
{
|
||||
display:block;
|
||||
}
|
||||
/*本地配置*/
|
||||
.localconfig
|
||||
{
|
||||
width:480px;
|
||||
padding:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.localconfig .tt
|
||||
{
|
||||
width:125px;
|
||||
}
|
||||
.localconfig .txt
|
||||
{
|
||||
width:310px;
|
||||
}
|
||||
.localconfig .txt2
|
||||
{
|
||||
width:285px;
|
||||
}
|
||||
.localconfig .btn
|
||||
{
|
||||
width:60px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.localconfig .sel
|
||||
{
|
||||
width:120px;
|
||||
}
|
||||
/*登录*/
|
||||
.login
|
||||
{
|
||||
width:480px;
|
||||
padding:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.login .tt
|
||||
{
|
||||
width:100px;
|
||||
}
|
||||
.login .txt
|
||||
{
|
||||
width:130px;
|
||||
}
|
||||
.login .btn
|
||||
{
|
||||
width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.login .btn2
|
||||
{
|
||||
width:100px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.login .sel
|
||||
{
|
||||
width:130px;
|
||||
}
|
||||
.login .sel2
|
||||
{
|
||||
width:65px;
|
||||
}
|
||||
/*数字通道*/
|
||||
.ipchannel
|
||||
{
|
||||
width:480px;
|
||||
padding:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.ipchannel .btn
|
||||
{
|
||||
width:130px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.ipchannel .digitaltdiv
|
||||
{
|
||||
height:100px;
|
||||
overflow:hidden;
|
||||
overflow-y:auto;
|
||||
border:1px solid #7F9DB9;
|
||||
font-size:11px;
|
||||
}
|
||||
.ipchannel .digitalchannellist th, .ipchannel .digitalchannellist td
|
||||
{
|
||||
padding:2px;
|
||||
border:1px solid #7F9DB9;
|
||||
border-collapse:collapse;
|
||||
white-space:nowrap;
|
||||
}
|
||||
/*预览*/
|
||||
.preview
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
padding-top:0;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.preview .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.preview .txt
|
||||
{
|
||||
width:30px;
|
||||
}
|
||||
.preview .btn
|
||||
{
|
||||
width:70px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.preview .btn2
|
||||
{
|
||||
width:108px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.preview .sel
|
||||
{
|
||||
width:105px;
|
||||
}
|
||||
/*云台*/
|
||||
.ptz
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.ptz .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.ptz .txt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.ptz .btn
|
||||
{
|
||||
width:86px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.ptz .btn2
|
||||
{
|
||||
width:60px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.ptz .sel
|
||||
{
|
||||
width:65px;
|
||||
}
|
||||
/*视频参数*/
|
||||
.videoparam
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.videoparam .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.videoparam .txt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.videoparam .btn
|
||||
{
|
||||
width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.videoparam .sel
|
||||
{
|
||||
width:65px;
|
||||
}
|
||||
/*回放*/
|
||||
.playback
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.playback .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.playback .txt
|
||||
{
|
||||
width:140px;
|
||||
}
|
||||
.playback .btn
|
||||
{
|
||||
min-width:45px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.playback .btn2
|
||||
{
|
||||
width:70px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.playback .sel
|
||||
{
|
||||
width:142px;
|
||||
}
|
||||
.playback .searchdiv
|
||||
{
|
||||
height:100px;
|
||||
overflow:hidden;
|
||||
overflow-y:auto;
|
||||
border:1px solid #7F9DB9;
|
||||
font-size:11px;
|
||||
}
|
||||
.playback .searchlist th, .playback .searchlist td
|
||||
{
|
||||
padding:2px;
|
||||
border:1px solid #7F9DB9;
|
||||
border-collapse:collapse;
|
||||
white-space:nowrap;
|
||||
}
|
||||
/*系统维护*/
|
||||
.maintain
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.maintain .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.maintain .txt
|
||||
{
|
||||
width:280px;
|
||||
}
|
||||
.maintain .btn
|
||||
{
|
||||
width:60px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.maintain .btn2
|
||||
{
|
||||
width:200px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.maintain .sel
|
||||
{
|
||||
width:65px;
|
||||
}
|
||||
/*操作信息*/
|
||||
.operate
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.operate .opinfo
|
||||
{
|
||||
height:150px;
|
||||
border:1px solid #7F9DB9;
|
||||
overflow:auto;
|
||||
}
|
||||
/*事件回调*/
|
||||
.callback
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.callback .cbinfo
|
||||
{
|
||||
height:114px;
|
||||
border:1px solid #7F9DB9;
|
||||
overflow:auto;
|
||||
}
|
||||
/*IP解析*/
|
||||
.ipparse
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.ipparse .tt
|
||||
{
|
||||
width:85px;
|
||||
}
|
||||
.ipparse .txt
|
||||
{
|
||||
width:130px;
|
||||
}
|
||||
.ipparse .btn
|
||||
{
|
||||
width:90px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.ipparse .sel
|
||||
{
|
||||
width:130px;
|
||||
}
|
||||
/*绘图*/
|
||||
.draw
|
||||
{
|
||||
width:450px;
|
||||
padding:10px;
|
||||
padding-top:0;
|
||||
margin-left:10px;
|
||||
border:1px solid #7F9DB9;
|
||||
}
|
||||
.draw .tt
|
||||
{
|
||||
width:60px;
|
||||
}
|
||||
.draw .txt
|
||||
{
|
||||
width:140px;
|
||||
}
|
||||
.draw .btn
|
||||
{
|
||||
width:70px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.draw .btn2
|
||||
{
|
||||
width:108px;
|
||||
height:22px;
|
||||
line-height:18px;
|
||||
}
|
||||
.draw .sel
|
||||
{
|
||||
width:105px;
|
||||
}
|
||||
|
|
@ -1,442 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
<script>
|
||||
document.write("<link type='text/css' href='../demo_en.css?version=" + new Date().getTime() + "' rel='stylesheet' />");
|
||||
</script>
|
||||
</head>
|
||||
<body style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
">
|
||||
<div class="left">
|
||||
<div id="divPlugin" class="plugin"></div>
|
||||
<fieldset class="login">
|
||||
<legend>Login</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td class="tt">IP address</td>
|
||||
<td><input id="loginip" type="text" class="txt" value="10.18.37.111" /></td>
|
||||
<td class="tt">Port</td>
|
||||
<td><input id="port" type="text" class="txt" value="80" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">User name</td>
|
||||
<td><input id="username" type="text" class="txt" value="admin" /></td>
|
||||
<td class="tt">Password</td>
|
||||
<td><input id="password" type="password" class="txt" value="hik12345" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Device port</td>
|
||||
<td colspan="2"><input id="deviceport" type="text" class="txt" />（optional）</td>
|
||||
<td>
|
||||
Split screen
|
||||
<select class="sel2" onchange="changeWndNum(this.value);">
|
||||
<option value="1" selected>1x1</option>
|
||||
<option value="2">2x2</option>
|
||||
<option value="3">3x3</option>
|
||||
<option value="4">4x4</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">RTSP port</td>
|
||||
<td colspan="3"><input id="rtspport" type="text" class="txt" />（optional）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<input type="button" class="btn" value="Login" onclick="clickLogin();" />
|
||||
<input type="button" class="btn" value="Logout" onclick="clickLogout();" />
|
||||
<input type="button" class="btn2" value="Get basic info" onclick="clickGetDeviceInfo();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Logined devices</td>
|
||||
<td>
|
||||
<select id="ip" class="sel" onchange="getChannelInfo();getDevicePort();"></select>
|
||||
</td>
|
||||
<td class="tt">Channel list</td>
|
||||
<td>
|
||||
<select id="channels" class="sel"></select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="Start preview" onclick="clickStartRealPlay();" />
|
||||
</td>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="Stop preview" onclick="clickStopRealPlay();" />
|
||||
</td>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="set osd" onclick="setTextOverlay();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="ipchannel">
|
||||
<legend>Digital channel</legend>
|
||||
<table width="100%" cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td><input type="button" class="btn" value="Get digital channel list" onclick="clickGetDigitalChannelInfo();" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="digitaltdiv">
|
||||
<table id="digitalchannellist" class="digitalchannellist" cellpadding="0" cellspacing="0" border="0"></table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="localconfig">
|
||||
<legend>Local configuration</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td class="tt">Play performance</td>
|
||||
<td>
|
||||
<select id="netsPreach" name="netsPreach" class="sel">
|
||||
<option value="0">Shortest delay</option>
|
||||
<option value="1">Real-time</option>
|
||||
<option value="2">Balance</option>
|
||||
<option value="3">Smooth</option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="tt">Image size</td>
|
||||
<td>
|
||||
<select id="wndSize" name="wndSize" class="sel">
|
||||
<option value="0">Full</option>
|
||||
<option value="1">4:3</option>
|
||||
<option value="2">16:9</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Rules</td>
|
||||
<td>
|
||||
<select id="rulesInfo" name="rulesInfo" class="sel">
|
||||
<option value="1">Enable</option>
|
||||
<option value="0">Disable</option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="tt">Snapshot format</td>
|
||||
<td>
|
||||
<select id="captureFileFormat" name="captureFileFormat" class="sel">
|
||||
<option value="0">JPEG</option>
|
||||
<option value="1">BMP</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Package size</td>
|
||||
<td>
|
||||
<select id="packSize" name="packSize" class="sel">
|
||||
<option value="0">256M</option>
|
||||
<option value="1">512M</option>
|
||||
<option value="2">1G</option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="tt">Protocol</td>
|
||||
<td>
|
||||
<select id="protocolType" name="protocolType" class="sel">
|
||||
<option value="0">TCP</option>
|
||||
<option value="2">UDP</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Save record files to</td>
|
||||
<td colspan="3"><input id="recordPath" type="text" class="txt2" /> <input type="button" class="btn" value="Browse" onclick="clickOpenFileDlg('recordPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Save downloaded files to</td>
|
||||
<td colspan="3"><input id="downloadPath" type="text" class="txt2" /> <input type="button" class="btn" value="Browse" onclick="clickOpenFileDlg('downloadPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Save snapshots in live view to</td>
|
||||
<td colspan="3"><input id="previewPicPath" type="text" class="txt2" /> <input type="button" class="btn" value="Browse" onclick="clickOpenFileDlg('previewPicPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Save snapshots when playback to</td>
|
||||
<td colspan="3"><input id="playbackPicPath" type="text" class="txt2" /> <input type="button" class="btn" value="Browse" onclick="clickOpenFileDlg('playbackPicPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Save clips to</td>
|
||||
<td colspan="3"><input id="playbackFilePath" type="text" class="txt2" /> <input type="button" class="btn" value="Browse" onclick="clickOpenFileDlg('playbackFilePath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Save device snapshots to</td>
|
||||
<td colspan="3"><input id="devicePicPath" type="text" class="txt2" /> <input type="button" class="btn" value="Browse" onclick="clickOpenFileDlg('devicePicPath', 0);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><input type="button" class="btn" value="Get" onclick="clickGetLocalCfg();" /> <input type="button" class="btn" value="Set" onclick="clickSetLocalCfg();" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="left">
|
||||
<fieldset class="preview">
|
||||
<legend>Browse</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td class="tt">Stream type</td>
|
||||
<td>
|
||||
<select id="streamtype" class="sel">
|
||||
<option value="1">Main stream</option>
|
||||
<option value="2">Sub stream</option>
|
||||
<option value="3">Third stream</option>
|
||||
<option value="4">Transcode stream</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Volume</td>
|
||||
<td>
|
||||
<input type="text" id="volume" class="txt" value="50" maxlength="3" /> <input type="button" class="btn" value="Set" onclick="clickSetVolume();" />(Range：0~100)
|
||||
</td>
|
||||
<td>
|
||||
<input type="button" class="btn" value="Audio On" onclick="clickOpenSound();" />
|
||||
<input type="button" class="btn" value="Audio Off" onclick="clickCloseSound();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Voice channel</td>
|
||||
<td>
|
||||
<select id="audiochannels" class="sel">
|
||||
|
||||
</select>
|
||||
<input type="button" class="btn" value="Get channel" onclick="clickGetAudioInfo();" />
|
||||
</td>
|
||||
<td>
|
||||
<input type="button" class="btn" value="Voice Talk" onclick="clickStartVoiceTalk();" />
|
||||
<input type="button" class="btn" value="Stop Voice Talk" onclick="clickStopVoiceTalk();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<input type="button" class="btn2" value="Capture" onclick="clickCapturePic();" />
|
||||
<input type="button" class="btn2" value="Capture onload" onclick="clickCapturePicData();" />
|
||||
<input type="button" class="btn2" value="Start recording" onclick="clickStartRecord('realplay');" />
|
||||
<input type="button" class="btn2" value="Stop recording" onclick="clickStopRecord('realplay');" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<input type="button" class="btn2" value="Enable Ezoom" onclick="clickEnableEZoom();" />
|
||||
<input type="button" class="btn2" value="Disable Ezoom" onclick="clickDisableEZoom();" />
|
||||
<input type="button" class="btn2" value="Enable 3D zoom" onclick="clickEnable3DZoom();" />
|
||||
<input type="button" class="btn2" value="Disable 3D zoom" onclick="clickDisable3DZoom();" />
|
||||
<input type="button" class="btn2" value="Full screen" onclick="clickFullScreen();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="draw">
|
||||
<legend>drawing</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="Enable drawing" onclick="clickEnableDraw();" />
|
||||
<input type="button" class="btn2" value="Disable drawing" onclick="clickDisableDraw();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Graph ID：<input id="snapId" type="text" class="txt" />
|
||||
Name：<input id="snapName" type="text" class="txt" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="Add the graph" onclick="clickAddSnapPolygon()" />
|
||||
<input type="button" class="btn2" value="Delete the graph" onclick="clickDelSnapPolygon()" />
|
||||
<input type="button" class="btn2" value="Get the graph" onclick="clickGetSnapPolygon()" />
|
||||
<input type="button" class="btn2" value="Set the graph" onclick="clickSetSnapPolygon()" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn2" value="Clear the graph" onclick="clickDelAllSnapPolygon()" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="ptz">
|
||||
<legend>PTZ control</legend>
|
||||
<table cellpadding="0" cellspacing="3" border="0" class="left">
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" value="Up-left" onmousedown="mouseDownPTZControl(5);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="Up" onmousedown="mouseDownPTZControl(1);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="Up-right" onmousedown="mouseDownPTZControl(7);" onmouseup="mouseUpPTZControl();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" value="Left" onmousedown="mouseDownPTZControl(3);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="Auto" onclick="mouseDownPTZControl(9);" />
|
||||
<input type="button" class="btn" value="Right" onmousedown="mouseDownPTZControl(4);" onmouseup="mouseUpPTZControl();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" value="Down-left" onmousedown="mouseDownPTZControl(6);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="Down" onmousedown="mouseDownPTZControl(2);" onmouseup="mouseUpPTZControl();" />
|
||||
<input type="button" class="btn" value="Down-right" onmousedown="mouseDownPTZControl(8);" onmouseup="mouseUpPTZControl();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table cellpadding="0" cellspacing="3" border="0" class="left">
|
||||
<tr>
|
||||
<td class="tt">PTZ speed</td>
|
||||
<td>
|
||||
<select id="ptzspeed" class="sel">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4" selected>4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Preset</td>
|
||||
<td><input id="preset" type="text" class="txt" value="1" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="button" class="btn" value="Set" onclick="clickSetPreset();" />
|
||||
<input type="button" class="btn" value="Call" onclick="clickGoPreset();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table cellpadding="0" cellspacing="3" border="0" class="left">
|
||||
<tr>
|
||||
<td class="tt"><input type="button" class="btn2" value="Zoom+" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()"></td>
|
||||
<td><input type="button" class="btn2" value="Zoom-" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt"><input type="button" class="btn2" value="Focus+" onmousedown="PTZFocusIn()" onmouseup="PTZFoucusStop()"></td>
|
||||
<td><input type="button" class="btn2" value="Focus-" onmousedown="PTZFoucusOut()" onmouseup="PTZFoucusStop()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt"><input type="button" class="btn2" value="Iris+" onmousedown="PTZIrisIn()" onmouseup="PTZIrisStop()"></td>
|
||||
<td><input type="button" class="btn2" value="Iris-" onmousedown="PTZIrisOut()" onmouseup="PTZIrisStop()"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="playback">
|
||||
<legend>Playback</legend>
|
||||
<table width="100%" cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td class="tt">Stream type</td>
|
||||
<td>
|
||||
<select id="record_streamtype" class="sel">
|
||||
<option value="1">Main stream</option>
|
||||
<option value="2">Sub stream</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">Start time</td>
|
||||
<td>
|
||||
<input id="starttime" type="text" class="txt" value="2013-12-10 00:00:00" />(Time format:2013-11-11 12:34:56)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">End time</td>
|
||||
<td>
|
||||
<input id="endtime" type="text" class="txt" value="2013-12-11 23:59:59" />
|
||||
<input type="button" class="btn" value="Search" onclick="clickRecordSearch(0);" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt"> downloadBytime starttime</td>
|
||||
<td>
|
||||
<input id="downloadstarttime" type="text" class="txt" value="2013-12-10 00:00:00" />（Time format：2013-11-11 12:34:56）
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tt">downloadBytime endtime</td>
|
||||
<td>
|
||||
<input id="downloadendtime" type="text" class="txt" value="2013-12-11 23:59:59" />
|
||||
<input type="button" class="btn" value="download" onclick="clickStartDownloadRecordByTime();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div id="searchdiv" class="searchdiv">
|
||||
<table id="searchlist" class="searchlist" cellpadding="0" cellspacing="0" border="0"></table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="button" class="btn2" value="Start play" onclick="clickStartPlayback();" />
|
||||
<input type="button" class="btn2" value="Stop play" onclick="clickStopPlayback();" />
|
||||
<input id="btnReverse" type="button" class="btn" value="Reverse play" onclick="clickReversePlayback();" />
|
||||
<input type="button" class="btn" value="Single frame" onclick="clickFrame();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="button" class="btn" value="Pause" onclick="clickPause();" />
|
||||
<input type="button" class="btn" value="Resume" onclick="clickResume();" />
|
||||
<input type="button" class="btn" value="Slow forward" onclick="clickPlaySlow();" />
|
||||
<input type="button" class="btn" value="Fast forward" onclick="clickPlayFast();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input type="button" class="btn2" value="Capture" onclick="clickCapturePic();" />
|
||||
<input type="button" class="btn2" value="Start clip" onclick="clickStartRecord('playback');" />
|
||||
<input type="button" class="btn2" value="Stop clip" onclick="clickStopRecord('playback');" />
|
||||
<input type="button" class="btn2" value="OSD time" onclick="clickGetOSDTime();" /> <input id="osdtime" type="text" class="txt" readonly />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<fieldset class="maintain">
|
||||
<legend>System maintenance</legend>
|
||||
<table width="100%" cellpadding="0" cellspacing="3" border="0">
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn2" id="remoteconfig" title="Detect plugin version" value="Detect plugin version" onclick="clickCheckPluginVersion();" />
|
||||
<input type="button" class="btn2" title="Restore the default parameters" value="Restore the default parameters" onclick="clickRestoreDefault();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input id="upgradeFile" type="text" class="txt" /> <input type="button" class="btn" value="Browse" onclick="clickOpenFileDlg('upgradeFile', 1);" /> <input type="button" class="btn" value="Upgrade" onclick="clickStartUpgrade();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="left">
|
||||
<fieldset class="operate">
|
||||
<legend>Operation information</legend>
|
||||
<div id="opinfo" class="opinfo"></div>
|
||||
</fieldset>
|
||||
<fieldset class="callback">
|
||||
<legend>Event callback information</legend>
|
||||
<div id="cbinfo" class="cbinfo"></div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../jquery-1.7.1.min.js"></script>
|
||||
<script src="../codebase/encryption/AES.js"></script>
|
||||
<script src="../codebase/encryption/cryptico.min.js"></script>
|
||||
<!-- <script src="../codebase/encryption/encryption.js"></script> -->
|
||||
<script src="../codebase/encryption/crypto-3.1.2.min.js"></script>
|
||||
<script id="videonode" src="../codebase/webVideoCtrl.js"></script>
|
||||
<script src="demo.js"></script>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,21 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
<script>
|
||||
var szLanguage = (navigator.language || navigator.browserLanguage).toLowerCase();
|
||||
szLanguage = szLanguage.substring(0, 2);
|
||||
if ("zh" === szLanguage) {
|
||||
window.location.href = "cn/demo.html";
|
||||
} else {
|
||||
window.location.href = "en/demo.html";
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 522 KiB After Width: | Height: | Size: 522 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 135 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 9.1 KiB |
|
|
@ -1,101 +0,0 @@
|
|||
<svg width="151" height="46" viewBox="0 0 151 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M146.558 8.16597C148.08 4.23408 145.179 0 140.962 0H24.3209C20.191 0 16.486 2.53872 14.9952 6.39006L3.37978 36.3965C1.85776 40.3284 4.75899 44.5625 8.97517 44.5625H125.617C129.746 44.5625 133.451 42.0238 134.942 38.1724L146.558 8.16597Z" fill="#00020B" fill-opacity="0.2"/>
|
||||
<path d="M146.558 8.16597C148.08 4.23408 145.179 0 140.962 0H24.3209C20.191 0 16.486 2.53872 14.9952 6.39006L3.37978 36.3965C1.85776 40.3284 4.75899 44.5625 8.97517 44.5625H125.617C129.746 44.5625 133.451 42.0238 134.942 38.1724L146.558 8.16597Z" fill="url(#paint0_linear_36_35258)" fill-opacity="0.3"/>
|
||||
<path d="M146.558 8.16597C148.08 4.23408 145.179 0 140.962 0H24.3209C20.191 0 16.486 2.53872 14.9952 6.39006L3.37978 36.3965C1.85776 40.3284 4.75899 44.5625 8.97517 44.5625H125.617C129.746 44.5625 133.451 42.0238 134.942 38.1724L146.558 8.16597Z" fill="url(#paint1_radial_36_35258)"/>
|
||||
<path d="M145.625 7.80498C146.894 4.5284 144.476 1 140.962 1H24.3209C20.604 1 17.2695 3.28484 15.9277 6.75105L4.31235 36.7575C3.04399 40.0341 5.46169 43.5625 8.97517 43.5625H125.617C129.333 43.5625 132.668 41.2777 134.01 37.8114L145.625 7.80498Z" stroke="#0091FF" stroke-opacity="0.5" stroke-width="2"/>
|
||||
<mask id="mask0_36_35258" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="0" width="145" height="45">
|
||||
<path d="M145.841 9.61778C147.696 5.01715 144.309 0 139.349 0H22.1938C19.3386 0 16.7695 1.73415 15.7017 4.38222L3.37814 34.9447C1.52304 39.5453 4.90967 44.5625 9.87022 44.5625H127.025C129.88 44.5625 132.449 42.8283 133.517 40.1803L145.841 9.61778Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_36_35258)">
|
||||
<path d="M14.0396 0H26.0523L9.16963 44.5625H-2.84302L14.0396 0Z" fill="url(#paint2_linear_36_35258)" fill-opacity="0.3"/>
|
||||
<path d="M46.8309 0H34.8183L17.9356 44.5625H29.9483L46.8309 0Z" fill="url(#paint3_linear_36_35258)" fill-opacity="0.3"/>
|
||||
<path d="M55.5969 0H67.6095L50.7269 44.5625H38.7143L55.5969 0Z" fill="url(#paint4_linear_36_35258)" fill-opacity="0.3"/>
|
||||
<path d="M88.3882 0H76.3755L59.4929 44.5625H71.5056L88.3882 0Z" fill="url(#paint5_linear_36_35258)" fill-opacity="0.3"/>
|
||||
<path d="M109.01 0H96.9978L80.1151 44.5625H92.1278L109.01 0Z" fill="url(#paint6_linear_36_35258)" fill-opacity="0.3"/>
|
||||
<path d="M117.776 0H129.789L112.906 44.5625H100.894L117.776 0Z" fill="url(#paint7_linear_36_35258)" fill-opacity="0.3"/>
|
||||
<path d="M150.568 0H138.555L121.672 44.5625H133.685L150.568 0Z" fill="url(#paint8_linear_36_35258)" fill-opacity="0.3"/>
|
||||
<path d="M145.625 7.80498C146.894 4.5284 144.476 1 140.962 1H24.3209C20.604 1 17.2695 3.28484 15.9277 6.75105L4.31235 36.7575C3.04399 40.0341 5.46169 43.5625 8.97517 43.5625H125.617C129.333 43.5625 132.668 41.2777 134.01 37.8114L145.625 7.80498Z" stroke="url(#paint9_linear_36_35258)" stroke-width="2"/>
|
||||
<path d="M263.351 37.25H-108.136V51.25H263.351V37.25Z" fill="url(#paint10_radial_36_35258)"/>
|
||||
<path d="M158.344 -19.6875H-39.3125V19.8438H158.344V-19.6875Z" fill="url(#paint11_radial_36_35258)"/>
|
||||
<path d="M339.469 -3.59375H-254.219V5.03125H339.469V-3.59375Z" fill="url(#paint12_radial_36_35258)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_36_35258" x1="66.3438" y1="0" x2="66.3438" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#00AAFF"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="paint1_radial_36_35258" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.625 44.5625) rotate(-90) scale(47.7969 117.143)">
|
||||
<stop stop-color="#00AAFF"/>
|
||||
<stop offset="0.283465" stop-color="#0091FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.708661" stop-color="#000119" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="paint2_linear_36_35258" x1="-8.52465" y1="0" x2="-8.52465" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0029FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_36_35258" x1="-8.52465" y1="0" x2="-8.52465" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0029FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_36_35258" x1="-8.52465" y1="0" x2="-8.52465" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0029FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_36_35258" x1="-8.52465" y1="0" x2="-8.52465" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0029FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_36_35258" x1="-8.52465" y1="0" x2="-8.52465" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0029FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_36_35258" x1="-8.52465" y1="0" x2="-8.52465" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0029FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_36_35258" x1="-8.52465" y1="0" x2="-8.52465" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0029FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_36_35258" x1="74.9688" y1="0" x2="74.9688" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0047FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="paint10_radial_36_35258" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(77.4246 44.8864) rotate(-90) scale(7 185.56)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint11_radial_36_35258" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(59.4182 1.875) rotate(-90) scale(19.7656 98.7307)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint12_radial_36_35258" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.3324 1.11079) rotate(-90) scale(4.3125 296.551)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 9.5 KiB |
|
|
@ -1,208 +0,0 @@
|
|||
<svg width="151" height="46" viewBox="0 0 151 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M146.339 8.16597C147.861 4.23408 144.96 0 140.744 0H24.1021C19.9723 0 16.2673 2.53872 14.7764 6.39006L3.16103 36.3965C1.63901 40.3284 4.54024 44.5625 8.75642 44.5625H125.398C129.528 44.5625 133.233 42.0238 134.724 38.1724L146.339 8.16597Z" fill="#000F45"/>
|
||||
<path d="M146.339 8.16597C147.861 4.23408 144.96 0 140.744 0H24.1021C19.9723 0 16.2673 2.53872 14.7764 6.39006L3.16103 36.3965C1.63901 40.3284 4.54024 44.5625 8.75642 44.5625H125.398C129.528 44.5625 133.233 42.0238 134.724 38.1724L146.339 8.16597Z" fill="url(#paint0_linear_36_35235)" fill-opacity="0.2"/>
|
||||
<path d="M146.339 8.16597C147.861 4.23408 144.96 0 140.744 0H24.1021C19.9723 0 16.2673 2.53872 14.7764 6.39006L3.16103 36.3965C1.63901 40.3284 4.54024 44.5625 8.75642 44.5625H125.398C129.528 44.5625 133.233 42.0238 134.724 38.1724L146.339 8.16597Z" fill="url(#paint1_radial_36_35235)"/>
|
||||
<path d="M145.406 7.80498C146.675 4.5284 144.257 1 140.744 1H24.1021C20.3853 1 17.0508 3.28484 15.709 6.75105L4.0936 36.7575C2.82524 40.0341 5.24294 43.5625 8.75642 43.5625H125.398C129.115 43.5625 132.449 41.2777 133.791 37.8114L145.406 7.80498Z" stroke="#00AAFF" stroke-opacity="0.5" stroke-width="2"/>
|
||||
<mask id="mask0_36_35235" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="0" width="145" height="45">
|
||||
<path d="M145.622 9.61778C147.477 5.01715 144.09 0 139.13 0H21.9751C19.1198 0 16.5508 1.73415 15.483 4.38222L3.15939 34.9447C1.30429 39.5453 4.69092 44.5625 9.65147 44.5625H126.806C129.661 44.5625 132.231 42.8283 133.298 40.1803L145.622 9.61778Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_36_35235)">
|
||||
<path d="M13.8209 0H25.8335L8.95088 44.5625H-3.06177L13.8209 0Z" fill="url(#paint2_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M46.6122 0H34.5995L17.7169 44.5625H29.7295L46.6122 0Z" fill="url(#paint3_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M55.3781 0H67.3908L50.5082 44.5625H38.4955L55.3781 0Z" fill="url(#paint4_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M88.1694 0H76.1568L59.2742 44.5625H71.2868L88.1694 0Z" fill="url(#paint5_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M108.792 0H96.779L79.8964 44.5625H91.909L108.792 0Z" fill="url(#paint6_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M117.558 0H129.57L112.688 44.5625H100.675L117.558 0Z" fill="url(#paint7_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M150.349 0H138.336L121.454 44.5625H133.466L150.349 0Z" fill="url(#paint8_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M145.406 7.80498C146.675 4.5284 144.257 1 140.744 1H24.1021C20.3853 1 17.0508 3.28484 15.709 6.75105L4.0936 36.7575C2.82524 40.0341 5.24294 43.5625 8.75642 43.5625H125.398C129.115 43.5625 132.449 41.2777 133.791 37.8114L145.406 7.80498Z" stroke="url(#paint9_linear_36_35235)" stroke-width="2"/>
|
||||
<path d="M263.132 37.25H-108.355V51.25H263.132V37.25Z" fill="url(#paint10_radial_36_35235)"/>
|
||||
<path d="M158.125 -19.6875H-39.5312V19.8438H158.125V-19.6875Z" fill="url(#paint11_radial_36_35235)"/>
|
||||
<path d="M339.25 -3.59375H-254.438V5.03125H339.25V-3.59375Z" fill="url(#paint12_radial_36_35235)"/>
|
||||
</g>
|
||||
<path d="M146.339 8.16597C147.861 4.23408 144.96 0 140.744 0H24.1021C19.9723 0 16.2673 2.53872 14.7764 6.39006L3.16103 36.3965C1.63901 40.3284 4.54024 44.5625 8.75642 44.5625H125.398C129.528 44.5625 133.233 42.0238 134.724 38.1724L146.339 8.16597Z" fill="#000F45"/>
|
||||
<path d="M146.339 8.16597C147.861 4.23408 144.96 0 140.744 0H24.1021C19.9723 0 16.2673 2.53872 14.7764 6.39006L3.16103 36.3965C1.63901 40.3284 4.54024 44.5625 8.75642 44.5625H125.398C129.528 44.5625 133.233 42.0238 134.724 38.1724L146.339 8.16597Z" fill="url(#paint13_linear_36_35235)" fill-opacity="0.2"/>
|
||||
<path d="M146.339 8.16597C147.861 4.23408 144.96 0 140.744 0H24.1021C19.9723 0 16.2673 2.53872 14.7764 6.39006L3.16103 36.3965C1.63901 40.3284 4.54024 44.5625 8.75642 44.5625H125.398C129.528 44.5625 133.233 42.0238 134.724 38.1724L146.339 8.16597Z" fill="url(#paint14_radial_36_35235)"/>
|
||||
<path d="M145.406 7.80498C146.675 4.5284 144.257 1 140.744 1H24.1021C20.3853 1 17.0508 3.28484 15.709 6.75105L4.0936 36.7575C2.82524 40.0341 5.24294 43.5625 8.75642 43.5625H125.398C129.115 43.5625 132.449 41.2777 133.791 37.8114L145.406 7.80498Z" stroke="#00AAFF" stroke-opacity="0.5" stroke-width="2"/>
|
||||
<mask id="mask1_36_35235" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="0" width="145" height="45">
|
||||
<path d="M145.622 9.61778C147.477 5.01715 144.09 0 139.13 0H21.9751C19.1198 0 16.5508 1.73415 15.483 4.38222L3.15939 34.9447C1.30429 39.5453 4.69092 44.5625 9.65147 44.5625H126.806C129.661 44.5625 132.231 42.8283 133.298 40.1803L145.622 9.61778Z" fill="white"/>
|
||||
</mask>
|
||||
<g mask="url(#mask1_36_35235)">
|
||||
<path d="M13.8209 0H25.8335L8.95088 44.5625H-3.06177L13.8209 0Z" fill="url(#paint15_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M46.6122 0H34.5995L17.7169 44.5625H29.7295L46.6122 0Z" fill="url(#paint16_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M55.3781 0H67.3908L50.5082 44.5625H38.4955L55.3781 0Z" fill="url(#paint17_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M88.1694 0H76.1568L59.2742 44.5625H71.2868L88.1694 0Z" fill="url(#paint18_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M108.792 0H96.779L79.8964 44.5625H91.909L108.792 0Z" fill="url(#paint19_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M117.558 0H129.57L112.688 44.5625H100.675L117.558 0Z" fill="url(#paint20_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M150.349 0H138.336L121.454 44.5625H133.466L150.349 0Z" fill="url(#paint21_linear_36_35235)" fill-opacity="0.3"/>
|
||||
<path d="M145.406 7.80498C146.675 4.5284 144.257 1 140.744 1H24.1021C20.3853 1 17.0508 3.28484 15.709 6.75105L4.0936 36.7575C2.82524 40.0341 5.24294 43.5625 8.75642 43.5625H125.398C129.115 43.5625 132.449 41.2777 133.791 37.8114L145.406 7.80498Z" stroke="url(#paint22_linear_36_35235)" stroke-width="2"/>
|
||||
<path d="M263.132 37.25H-108.355V51.25H263.132V37.25Z" fill="url(#paint23_radial_36_35235)"/>
|
||||
<path d="M158.125 -19.6875H-39.5312V19.8438H158.125V-19.6875Z" fill="url(#paint24_radial_36_35235)"/>
|
||||
<path d="M339.25 -3.59375H-254.438V5.03125H339.25V-3.59375Z" fill="url(#paint25_radial_36_35235)"/>
|
||||
</g>
|
||||
<path d="M138.433 17.8792C137.827 19.4189 135.72 19.5982 134.862 18.1832L128.02 6.89579C127.212 5.56292 128.171 3.85901 129.73 3.85901H141.017C142.428 3.85901 143.395 5.27956 142.878 6.59183L138.433 17.8792Z" fill="url(#paint26_linear_36_35235)"/>
|
||||
<path d="M11.4009 26.7555C12.0072 25.2158 14.1143 25.0365 14.9721 26.4515L21.8145 37.7389C22.6225 39.0718 21.6629 40.7757 20.1042 40.7757H8.81685C7.40649 40.7757 6.43917 39.3551 6.95594 38.0428L11.4009 26.7555Z" fill="url(#paint27_linear_36_35235)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_36_35235" x1="66.125" y1="0" x2="66.125" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#00EAFF"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="paint1_radial_36_35235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4063 44.5625) rotate(-90) scale(47.7969 117.143)">
|
||||
<stop stop-color="#00AAFF"/>
|
||||
<stop offset="0.283465" stop-color="#0091FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.708661" stop-color="#000119" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="paint2_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_36_35235" x1="74.75" y1="0" x2="74.75" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#00EAFF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#00F0FF"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="paint10_radial_36_35235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(77.2058 44.8864) rotate(-90) scale(7 185.56)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint11_radial_36_35235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(59.1994 1.875) rotate(-90) scale(19.7656 98.7307)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint12_radial_36_35235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.1136 1.11079) rotate(-90) scale(4.3125 296.551)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="paint13_linear_36_35235" x1="66.125" y1="0" x2="66.125" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#00EAFF"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="paint14_radial_36_35235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4063 44.5625) rotate(-90) scale(47.7969 117.143)">
|
||||
<stop stop-color="#00AAFF"/>
|
||||
<stop offset="0.283465" stop-color="#0091FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.708661" stop-color="#000119" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="paint15_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint16_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint17_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint18_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint19_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint20_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint21_linear_36_35235" x1="-8.7434" y1="0" x2="-8.7434" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0066FF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#0091FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint22_linear_36_35235" x1="74.75" y1="0" x2="74.75" y2="44.5625" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#00EAFF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#00F0FF"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="paint23_radial_36_35235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(77.2058 44.8864) rotate(-90) scale(7 185.56)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint24_radial_36_35235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(59.1994 1.875) rotate(-90) scale(19.7656 98.7307)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint25_radial_36_35235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.1136 1.11079) rotate(-90) scale(4.3125 296.551)">
|
||||
<stop offset="0.0381" stop-color="white"/>
|
||||
<stop offset="0.1359" stop-color="#00E0FF" stop-opacity="0.6"/>
|
||||
<stop offset="0.2643" stop-color="#00A3FF" stop-opacity="0.5"/>
|
||||
<stop offset="0.4568" stop-color="#096ECC" stop-opacity="0.3238"/>
|
||||
<stop offset="0.6172" stop-color="#0E4BA7" stop-opacity="0.177"/>
|
||||
<stop offset="0.7013" stop-color="#002B99" stop-opacity="0.1"/>
|
||||
<stop offset="0.746" stop-color="#001E89" stop-opacity="0.085"/>
|
||||
<stop offset="0.8334" stop-color="#00155F" stop-opacity="0.0558"/>
|
||||
<stop offset="0.954" stop-color="#00091B" stop-opacity="0.0154"/>
|
||||
<stop offset="1" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="paint26_linear_36_35235" x1="141.98" y1="3.85901" x2="131.305" y2="12.0183" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#A5CEFF"/>
|
||||
<stop offset="1" stop-color="#0047FF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint27_linear_36_35235" x1="7.8545" y1="40.7757" x2="18.5288" y2="32.6163" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#0066FF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
|
|
@ -1,102 +0,0 @@
|
|||
<svg width="1914" height="75" viewBox="0 0 1914 75" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_36_35411)">
|
||||
<path d="M451 58L455.004 62H624.206L628.21 66H957" stroke="#1FC6FF" stroke-width="2"/>
|
||||
<path d="M1462.5 58L1458.5 62H1289.5L1285.5 66H957" stroke="#1FC6FF" stroke-width="2"/>
|
||||
<path d="M451 9L455.004 5H624.206L628.21 1H957" stroke="#1FC6FF" stroke-width="2"/>
|
||||
<path d="M1462.5 9L1458.5 5H1289.5L1285.5 1H957" stroke="#1FC6FF" stroke-width="2"/>
|
||||
<rect x="139" y="61" width="2" height="1" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect x="177" y="61" width="2" height="1" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect x="215" y="61" width="2" height="1" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect x="285" y="61" width="2" height="1" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path opacity="0.7" d="M21 61.5H137" stroke="#17B2ED" stroke-opacity="0.3"/>
|
||||
<path d="M289 61.5H333.234H344.702H443" stroke="#17B2ED" stroke-opacity="0.3"/>
|
||||
<path d="M143 61.5H175" stroke="#1FC6FF"/>
|
||||
<path d="M181 61.5H213" stroke="#1FC6FF"/>
|
||||
<path opacity="0.7" d="M219 61.5H283" stroke="#17B2ED" stroke-opacity="0.3"/>
|
||||
<rect x="21" y="61" width="2" height="1" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect x="25" y="61" width="2" height="1" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M21 5H443" stroke="#17B2ED" stroke-opacity="0.3"/>
|
||||
<path d="M21 5H85" stroke="#1FC6FF"/>
|
||||
<path d="M93 5L109 5" stroke="#1FC6FF"/>
|
||||
<path d="M117 5L133 5" stroke="#1FC6FF"/>
|
||||
<path d="M17 13H9L5 17.786V48.214L9 53H17" stroke="#1FC6FF"/>
|
||||
<rect width="2" height="1" transform="matrix(-1 0 0 1 1775 61)" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect width="2" height="1" transform="matrix(-1 0 0 1 1737 61)" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect width="2" height="1" transform="matrix(-1 0 0 1 1699 61)" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect width="2" height="1" transform="matrix(-1 0 0 1 1629 61)" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1893 61.5H1777" stroke="#17B2ED" stroke-opacity="0.3"/>
|
||||
<path d="M1625 61.5L1580.77 61.5L1569.3 61.5L1471 61.5" stroke="#17B2ED" stroke-opacity="0.3"/>
|
||||
<path d="M1771 61.5H1739" stroke="#1FC6FF"/>
|
||||
<path d="M1733 61.5H1701" stroke="#1FC6FF"/>
|
||||
<path d="M1695 61.5H1631" stroke="#17B2ED" stroke-opacity="0.3"/>
|
||||
<rect width="2" height="1" transform="matrix(-1 0 0 1 1893 61)" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect width="2" height="1" transform="matrix(-1 0 0 1 1889 61)" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1893 5L1471 4.99996" stroke="#17B2ED" stroke-opacity="0.3"/>
|
||||
<path d="M1897 13H1905L1909 17.786V48.214L1905 53H1897" stroke="#1FC6FF"/>
|
||||
<path d="M1893 5H1829" stroke="#1FC6FF"/>
|
||||
<path d="M1821 5L1805 5" stroke="#1FC6FF"/>
|
||||
<path d="M1797 5L1781 5" stroke="#1FC6FF"/>
|
||||
<mask id="mask0_36_35411" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="452" y="2" width="1070" height="63">
|
||||
<path d="M628.611 2L624.603 6H455.5L452 9.5V57.5L455.5 61H624.649L628.646 65H1285.09L1289.1 61H1518.08L1522 57V10L1518 6H1289.09L1285.09 2H628.611Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_36_35411)">
|
||||
<path d="M627.611 2L623.603 6H454.5L451 9.5V57.5L454.5 61H623.649L627.646 65H1284.09L1288.1 61H1457.08L1461 57V10L1457 6H1288.09L1284.09 2H627.611Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
</g>
|
||||
<path d="M693 25.3438L695.278 23L705 33L695.278 43L693 40.6562L700.443 33L693 25.3438Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M733 25.3438L735.278 23L745 33L735.278 43L733 40.6562L740.443 33L733 25.3438Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M713 25.3438L715.278 23L725 33L715.278 43L713 40.6562L720.443 33L713 25.3438Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M753 25.3438L755.278 23L765 33L755.278 43L753 40.6562L760.443 33L753 25.3438Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1221 25.3438L1218.72 23L1209 33L1218.72 43L1221 40.6562L1213.56 33L1221 25.3438Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1181 25.3438L1178.72 23L1169 33L1178.72 43L1181 40.6562L1173.56 33L1181 25.3438Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1201 25.3438L1198.72 23L1189 33L1198.72 43L1201 40.6562L1193.56 33L1201 25.3438Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1161 25.3438L1158.72 23L1149 33L1158.72 43L1161 40.6562L1153.56 33L1161 25.3438Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M493 31L495 33L493 35" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M493 31L495 33L493 35" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M485 43L483 45L481 43" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M485 43L483 45L481 43" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M473 35L471 33L473 31" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M473 35L471 33L473 31" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M481 23L483 21L485 23" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M481 23L483 21L485 23" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M484 32H482V34H484V32Z" fill="#1FC6FF" fill-opacity="0.5" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="0.604533" stroke-miterlimit="10"/>
|
||||
<path d="M487 35V37H485" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M487 35V37H485" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M481 37H479V35" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M481 37H479V35" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M479 31V29H481" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M479 31V29H481" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M485 29H487V31" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M485 29H487V31" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M603.126 34H515V32H603.126C603.57 30.2748 605.136 29 607 29H615C617.209 29 619 30.7909 619 33C619 35.2091 617.209 37 615 37H607C605.136 37 603.57 35.7252 603.126 34Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1421 32L1419 34L1421 36" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1421 32L1419 34L1421 36" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M1429 44L1431 46L1433 44" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1429 44L1431 46L1433 44" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M1441 36L1443 34L1441 32" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1441 36L1443 34L1441 32" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M1433 24L1431 22L1429 24" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1433 24L1431 22L1429 24" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M1430 33H1432V35H1430V33Z" fill="#1FC6FF" fill-opacity="0.5" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="0.604533" stroke-miterlimit="10"/>
|
||||
<path d="M1427 36V38H1429" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1427 36V38H1429" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M1433 38H1435V36" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1433 38H1435V36" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M1435 32V30H1433" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1435 32V30H1433" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path d="M1429 30H1427V32" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M1429 30H1427V32" stroke="#1FC6FF" stroke-opacity="0.56" stroke-width="1.20592" stroke-miterlimit="10"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1310.87 35H1399V33H1310.87C1310.43 31.2748 1308.86 30 1307 30H1299C1296.79 30 1295 31.7909 1295 34C1295 36.2091 1296.79 38 1299 38H1307C1308.86 38 1310.43 36.7252 1310.87 35Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_36_35411" x="0.5" y="0" width="1913" height="75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_36_35411"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_36_35411" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -1,17 +0,0 @@
|
|||
<svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.797363" y="0.872681" width="40" height="41" fill="#E4F1FA" fill-opacity="0.05"/>
|
||||
<rect x="0.797363" y="0.872681" width="40" height="41" fill="url(#paint0_radial_36_34719)" fill-opacity="0.8"/>
|
||||
<rect x="1.29736" y="1.37268" width="39" height="40" stroke="url(#paint1_linear_36_34719)" stroke-opacity="0.5"/>
|
||||
<defs>
|
||||
<radialGradient id="paint0_radial_36_34719" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.797364 41.8727) rotate(-57.5558) scale(31.4333 37.6605)">
|
||||
<stop stop-color="#D6F3FF"/>
|
||||
<stop offset="0.3693" stop-color="#A0D2FF" stop-opacity="0.29"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#354358" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="paint1_linear_36_34719" x1="20.7974" y1="0.872681" x2="20.7974" y2="41.8727" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E4F1FA" stop-opacity="0.2"/>
|
||||
<stop offset="1" stop-color="#E4EAFA"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 598 B After Width: | Height: | Size: 563 B |
|
|
@ -1,14 +0,0 @@
|
|||
<svg width="88" height="43" viewBox="0 0 88 43" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="80" height="35" transform="matrix(-1 0 0 1 84 4)" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect x="-0.5" y="0.5" width="79" height="34" transform="matrix(-1 0 0 1 83 4)" stroke="#1564C1" stroke-opacity="0.2"/>
|
||||
<path d="M88 0H0V43H88V0Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M87.5 0.5H0.5V42.5H87.5V0.5Z" stroke="#1564C1" stroke-opacity="0.2"/>
|
||||
<path d="M87.5 5V40M0.5 5V40" stroke="url(#paint0_linear_36_35521)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_36_35521" x1="48" y1="5" x2="48" y2="40" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#1F93FF" stop-opacity="0"/>
|
||||
<stop offset="0.467003" stop-color="#1FAEFF"/>
|
||||
<stop offset="1" stop-color="#1F78FF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 824 B |
Binary file not shown.
|
After Width: | Height: | Size: 575 B |
Binary file not shown.
|
After Width: | Height: | Size: 422 B |
|
|
@ -1,14 +0,0 @@
|
|||
<svg width="143" height="43" viewBox="0 0 143 43" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="4" y="4" width="135" height="35" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<rect x="4.5" y="4.5" width="134" height="34" stroke="#1564C1" stroke-opacity="0.2"/>
|
||||
<path d="M0 0H143V43H0V0Z" fill="#1FC6FF" fill-opacity="0.5"/>
|
||||
<path d="M0.5 0.5H142.5V42.5H0.5V0.5Z" stroke="#1564C1" stroke-opacity="0.2"/>
|
||||
<path d="M0.5 5V40M142.5 5V40" stroke="url(#paint0_linear_36_35500)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_36_35500" x1="40" y1="5" x2="40" y2="40" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#1F93FF" stop-opacity="0"/>
|
||||
<stop offset="0.467003" stop-color="#1FAEFF"/>
|
||||
<stop offset="1" stop-color="#1F78FF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 772 B |
Binary file not shown.
|
After Width: | Height: | Size: 488 B |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.1 KiB |
File diff suppressed because one or more lines are too long
|
|
@ -1,7 +1,15 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-main>
|
||||
<iframe src="./demo/index.html" frameborder="0" style="width: 90%;height: 90%;"></iframe>
|
||||
<div class="about">
|
||||
<div id="divPlugin" class="plugin"></div>
|
||||
<el-button @click="Login" type="primary">登录</el-button>
|
||||
<el-button @click="vShow" type="primary">预览</el-button>
|
||||
<el-button @click="stopShow" type="warning">停止预览</el-button>
|
||||
<el-button @click="logOut" type="warning">登出设备</el-button>
|
||||
<el-button @click="breakdom" type="warning">销毁设备</el-button>
|
||||
<el-button @click="init" type="warning">初始化设备</el-button>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
|
@ -12,49 +20,87 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
isZh: true,
|
||||
szIp: '192.168.1.64',
|
||||
ipPort: '80',
|
||||
username: 'admin',
|
||||
password: '9093QQww',
|
||||
iPrototocol: 1,//http协议:1:表示http协议2:表示https协议
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
var szLanguage = (navigator.language || navigator.browserLanguage).toLowerCase();
|
||||
szLanguage = szLanguage.substring(0, 2);
|
||||
document.write("<link type='text/css' href='../demo.css?version=" + new Date().getTime() + "' rel='stylesheet' />");
|
||||
if ("zh" === szLanguage) {
|
||||
that.isZh = true;
|
||||
} else {
|
||||
that.isZh = false;
|
||||
}
|
||||
|
||||
let jsUrl = '/jsmap/jsmap.js';
|
||||
that.loadScript('mapId', jsUrl, () => {
|
||||
that.canUseMap = true;
|
||||
})
|
||||
that.init();
|
||||
},
|
||||
methods: {
|
||||
loadScript(id, url, callback) {
|
||||
debugger;
|
||||
//如果已经存在这个id，则证明已经加载过，已经有这个js文件了，可以直接执行回调里面的操作
|
||||
if (document.querySelector(`#${id}`)) {
|
||||
callback && callback()
|
||||
return;
|
||||
init() {
|
||||
// alert('init')
|
||||
WebVideoCtrl.I_InsertOBJECTPlugin("divPlugin");
|
||||
WebVideoCtrl.I_InitPlugin("divPlugin", 500, 500, {
|
||||
iWndowType: 2,//分裂系数N*N
|
||||
bWndFull: true,//双击全屏
|
||||
cbInitPluginCompleted: function () {
|
||||
WebVideoCtrl.I_InsertOBJECTPlugin("divPlugin").then(() => {
|
||||
WebVideoCtrl.I_CheckPluginVersion().then((bFlog) => {
|
||||
if (bFlog) {
|
||||
alert("插件版本有更新,请双击开发包里的HCWebSDKPlugin.exe升级")
|
||||
}
|
||||
//第一次加载，先创建 script 标签
|
||||
const script = document.createElement('script');
|
||||
script.src = url;
|
||||
//创建id属性
|
||||
script.setAttribute('id', id);
|
||||
//获取第一个script标签
|
||||
const firstScript = document.getElementsByTagName('script')[0];
|
||||
//获取第一个script标签的父节点 BODY,在body的第一个script引用之前插入，即把这个动态的js文件放在第一个调用
|
||||
firstScript.parentNode.insertBefore(script, firstScript);
|
||||
//script 一加载就执行
|
||||
script.onload = script.onreadystatechange = function () {
|
||||
// 加载完成
|
||||
if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') {
|
||||
callback && callback()
|
||||
});
|
||||
}, () => {
|
||||
alert("插件初始化失败,请确认是否安装插件,如果未安装,请请双击开发包里的HCWebSDKPlugin.exe安装")
|
||||
})
|
||||
}
|
||||
};
|
||||
})
|
||||
},
|
||||
Login() {
|
||||
WebVideoCtrl.I_Login(this.szIp, this.iPrototocol, this.ipPort, this.username, this.password, {
|
||||
async: true,
|
||||
cgi: 1,
|
||||
success: (xmlDoc) => {
|
||||
console.log("登录成功", xmlDoc);
|
||||
},
|
||||
error: (xmlDoc) => {
|
||||
console.log("登录失败", xmlDoc);
|
||||
}
|
||||
})
|
||||
},
|
||||
//预览
|
||||
vShow() {
|
||||
WebVideoCtrl.I_StartRealPlay(this.szIp + '_' + this.ipPort, {
|
||||
success: () => {
|
||||
console.log("预览成功");
|
||||
}
|
||||
})
|
||||
},
|
||||
//停止单个预览
|
||||
stopShow() {
|
||||
WebVideoCtrl.I_Stop({
|
||||
iWndIndex: 1,//tingzhichuangkou
|
||||
success: () => {
|
||||
console.log("停止预览成功");
|
||||
}
|
||||
});
|
||||
},
|
||||
//停止预览
|
||||
stopShowAll() {
|
||||
WebVideoCtrl.I_StopAllPlay();
|
||||
},
|
||||
//登出
|
||||
logOut() {
|
||||
WebVideoCtrl.I_Logout(this.szIp + '_' + this.ipPort, {
|
||||
|
||||
})
|
||||
},
|
||||
//销毁插件
|
||||
breakdom() {
|
||||
WebVideoCtrl.I_DestroyPlugin();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.plugin {
|
||||
width: 500px;
|
||||
height: 500px;
|
||||
/* background: #ffffff; */
|
||||
}
|
||||
</style>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<div class="dashboard">
|
||||
<header>
|
||||
<div class="headerImg">
|
||||
<img src="img/enp_blue/header_enp.svg" style="width:100%;">
|
||||
<img src="img/enp_blue/header_enp.png" style="width:100%;">
|
||||
<div class="sysName">
|
||||
水泥有限公司</div>
|
||||
</div>
|
||||
|
|
@ -123,10 +123,10 @@
|
|||
<!-- 左侧列表数据 -->
|
||||
<div v-show="activeIndex == 0" class="left_other animate__animated animate__backInLeft">
|
||||
<!-- 无组织污染源一览 -->
|
||||
<div class="panel">
|
||||
<div class="panel panel1">
|
||||
<div class="blockTitle">
|
||||
<div class="blockTitleText">无组织污染源一览</div>
|
||||
<img class="blockTitleImg" src="img/enp_blue/block_title.svg">
|
||||
<img class="blockTitleImg" src="img/enp_blue/block_title.png">
|
||||
</div>
|
||||
<div style="display: flex;">
|
||||
<div style="padding:0.5vw">
|
||||
|
|
@ -153,10 +153,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 接入设备数量总览 -->
|
||||
<div class="panel">
|
||||
<div class="panel panel2">
|
||||
<div class="blockTitle">
|
||||
<div class="blockTitleText">接入设备数量总览</div>
|
||||
<img class="blockTitleImg" src="img/enp_blue/block_title.svg">
|
||||
<img class="blockTitleImg" src="img/enp_blue/block_title.png">
|
||||
</div>
|
||||
<div style="display: flex;padding: 1vh 1vw;">
|
||||
<div style="width: 50%;">
|
||||
|
|
@ -201,10 +201,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 主要排放口实时监测清单 -->
|
||||
<div class="panel">
|
||||
<div class="panel panel3">
|
||||
<div class="blockTitle">
|
||||
<div class="blockTitleText">主要排放口实时监测清单</div>
|
||||
<img class="blockTitleImg" src="img/enp_blue/block_title.svg">
|
||||
<img class="blockTitleImg" src="img/enp_blue/block_title.png">
|
||||
</div>
|
||||
<div>
|
||||
<div class="title_s">水泥磨机排气筒</div>
|
||||
|
|
@ -236,7 +236,7 @@
|
|||
<!-- 右侧数据 -->
|
||||
<div v-show="activeIndex == 0" class="right_other animate__animated animate__backInRight">
|
||||
<!-- 统计 -->
|
||||
<div class="panel" style="box-sizing:border-box;padding:0 1vh">
|
||||
<div class="panel panel4" style="box-sizing:border-box;padding:0 1vh">
|
||||
<div class="right_one">
|
||||
<div class="leftNumbers">
|
||||
<div class="numberItem">
|
||||
|
|
@ -272,10 +272,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 环境质量实时监测清单 -->
|
||||
<div class="panel panel_big">
|
||||
<div class="panel panel_big panel5">
|
||||
<div class="blockTitle">
|
||||
<div class="blockTitleText">环境质量实时监测清单</div>
|
||||
<img class="blockTitleImg" src="img/enp_blue/block_title.svg">
|
||||
<img class="blockTitleImg" src="img/enp_blue/block_title.png">
|
||||
</div>
|
||||
<div>
|
||||
<div class="tableHear" style="margin-top:1vh;height:2.6vh;line-height:2.6vh;display:flex;padding:1vh">
|
||||
|
|
@ -1164,14 +1164,14 @@ header {
|
|||
height: 5vh;
|
||||
font-size: 2vh;
|
||||
line-height: 4.9vh;
|
||||
background-image: url('/public/img/enp_blue/btn.svg');
|
||||
background-image: url('/public/img/enp_blue/btn.png');
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btns.btnsActive {
|
||||
background-image: url('/public/img/enp_blue/btn_active.svg');
|
||||
background-image: url('/public/img/enp_blue/btn_active.png');
|
||||
}
|
||||
|
||||
.bottom_enp {
|
||||
|
|
@ -1182,7 +1182,7 @@ header {
|
|||
position: absolute;
|
||||
background-size: 100% 100%;
|
||||
background-position: center;
|
||||
background-image: url('/public/img/enp_blue/bottom_enp.svg');
|
||||
background-image: url('/public/img/enp_blue/bottom_enp.png');
|
||||
}
|
||||
|
||||
.menuWrap {
|
||||
|
|
@ -1192,16 +1192,24 @@ header {
|
|||
|
||||
.menuWrap1 {
|
||||
width: 4.4vw;
|
||||
background-image: url('/public/img/enp_blue/menu_bg1.svg');
|
||||
background-image: url('/public/img/enp_blue/menu_bg1.png');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.menuWrap2 {
|
||||
width: 7vw;
|
||||
background-image: url('/public/img/enp_blue/menu_bg2.svg');
|
||||
background-image: url('/public/img/enp_blue/menu_bg2.png');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.menuWrapActive.menuWrap1 {
|
||||
background-image: url('/public/img/enp_blue/menu_bg1_active.png');
|
||||
}
|
||||
|
||||
.menuWrapActive.menuWrap2 {
|
||||
background-image: url('/public/img/enp_blue/menu_bg2_active.png');
|
||||
}
|
||||
|
||||
.menuItem {
|
||||
color: #ffffff;
|
||||
line-height: 4.4vh;
|
||||
|
|
@ -1271,12 +1279,25 @@ header {
|
|||
|
||||
.panel {
|
||||
margin-top: 1.5vh;
|
||||
background-image: url('/public/img/enp_blue/block_1.png');
|
||||
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.panel1,
|
||||
.panel2 {
|
||||
background-image: url('/public/img/enp_blue/left_bg1.png');
|
||||
}
|
||||
|
||||
.panel3 {
|
||||
background-image: url('/public/img/enp_blue/left_bg2.png');
|
||||
}
|
||||
|
||||
.panel4 {
|
||||
background-image: url('/public/img/enp_blue/right_bg1.png');
|
||||
}
|
||||
|
||||
.panel.panel_big {
|
||||
background-image: url('/public/img/enp_blue/block_2.png');
|
||||
background-image: url('/public/img/enp_blue/right_bg2.png');
|
||||
}
|
||||
|
||||
.blockTitle {
|
||||
|
|
@ -1486,7 +1507,7 @@ header {
|
|||
line-height: 4vh;
|
||||
text-align: center;
|
||||
margin-bottom: 1vh;
|
||||
background-image: url('/public/img/enp_blue/index_bg.svg');
|
||||
background-image: url('/public/img/enp_blue/index_bg.png');
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue