dataview/dahuacamera/IPCSD/webs/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <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" />
<title>IPC Preview</title>
<link rel="stylesheet" href="css/style.css"></head>
<body>
	<div class="container">
		<div class="tab">
			<span id="device_ipc_tab">IPC/SD</span>
			<label style="display:none;" t="com.Language">Language</label>
			<select id="onChangeLanguage" style="width:80px;display:none;">
				<option value="SimpChinese">中文</option>
				<option value="English">English</option>
			</select>
		</div>
		<div class="content" id="device_ipc_content">
			<div class="h5-left" style="width: 120px;">
				<ul class="h5-menu-list">
					<li data-ip="10.10.43.5" data-port="80" data-user="admin" data-pswd="l1234567">
						<span class="deviceName" t="com.Device+ 1"></span>
						<button type="button" class="testButton" t="com.Test"></button>
					</li>
					<li data-ip="10.10.43.219" data-port="80" data-user="admin" data-pswd="l1234567">
						<span class="deviceName" t="com.Device+ 2"></span>
						<button type="button" class="testButton" t="com.Test"></button>
					</li>

					<li data-ip="10.10.43.220" data-port="80" data-user="admin" data-pswd="l1234567">
						<span class="deviceName" t="com.Device+ 3"></span>
						<button type="button" class="testButton" t="com.Test"></button>
					</li>
					<li data-ip="10.10.44.40" data-port="80" data-user="admin" data-pswd="l1234567">
						<span class="deviceName" t="com.Device+ 4"></span>
						<button type="button" class="testButton" t="com.Test"></button>
					</li>
					<!-- <li data-ip="172.28.6.11" data-port="80" data-user="admin" data-pswd="admin123">
						<span class="deviceName" t="com.Device+ 5"></span>
						<button class="testButton" t="com.Test"></button>
					</li>
					<li data-ip="172.28.6.11" data-port="80" data-user="admin" data-pswd="admin123">
						<span class="deviceName" t="com.Device+ 6"></span>
						<button class="testButton" t="com.Test"></button>
					</li> -->
					<!-- <span class="help-icon" title="com.PortTip" style="position: absolute; top: 11px; right: 15px;">?</span> -->
				</ul>
			</div>
			<div class="h5-left">
				<div style="text-align: right; margin: 0 0 8px 0;">
					<select class="h5-select" sel-for="onChangeWdnNum" style="width:80px;">
						<option value="1" selected>1x1</option>
						<option value="2">2x2</option>
						<option value="3">3x3</option>
						<option value="4">4x4</option>
					</select>
				</div>
				<div class="h5-play-wrap" style="position: relative;">
				</div>
				<select id="h5_stream" sel-for="onChangeStream" style="display:none;"></select>
				<select id="h5_channel" sel-for="onChangeChannel" style="display:none;"></select>
				<select id="h5_ivs" style="display:none;">
					<option value="0" t="com.No"></option>
					<option value="1" t="com.Yes"></option>
				</select>
				<input type="range" id="h5_volume" min="0" max="1" step="0.1" value="0.5" style="display:none;">
				<span id="h5_volume_value" style="display:none;"></span>
				<!-- 隐藏但保留，供脚本使用 -->
				<select id="h5_playback_channel" style="display:none;"></select>
				<input type="datetime-local" id="h5_startTime" style="display:none;">
				<input type="datetime-local" id="h5_endTime" style="display:none;">
				<table id="h5_table" style="display:none;"><tbody></tbody></table>
				<input type="checkbox" id="h5_checkAll" style="display:none;">
				<input type="text" id="h5_goNumber" style="display:none;">
				<input type="button" id="h5_goPage" style="display:none;">
				<input type="text" id="h5_goTime" style="display:none;">
				<input type="text" id="h5_cutStartTime" style="display:none;">
				<input type="text" id="h5_cutEndTime" style="display:none;">
				<input type="button" btn-for="onStartCut" style="display:none;">
				<span id="h5_down_process" style="display:none;"></span>
				<span id="h5_curTime" style="display:none;"></span>
				<span id="h5_totalTime" style="display:none;"></span>
				<span id="h5_cut_process" style="display:none;"></span>
				<a id="h5_first" style="display:none;"></a>
				<a id="h5_pre" style="display:none;"></a>
				<a id="h5_next" style="display:none;"></a>
				<a id="h5_last" style="display:none;"></a>
				<span id="h5_curPage" style="display:none;">1</span>
				<span id="h5_totalPage" style="display:none;">1</span>
			</div>
		</div>
	</div>
<script src="module/PlayerControl.js"></script><script src="index.js"></script></body>
</html>