<?php
include( "head.php" );
include( "groupList.php" );
?>
<style>
    .col-md-1-5 {
        width: 20%;
        float: left;
    }

    .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    @media (min-width: 768px) {
        .col-sm-1-5 {
            width: 20%;
            float: left;
        }
    }

    @media (min-width: 992px) {
        .col-md-1-5 {
            width: 20%;
            float: left;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-1-5 {
            width: 20%;
            float: left;
        }
    }
</style>
<div id="alert"></div>
<div class="row">
	<div class="col-lg-12" id="setAllFrame">
		<div class="panel panel-default">
			<div class="title">
				<h3 class="panel-title">
					<cn>全局配置</cn>
					<en>Overall config</en>
				</h3>
			</div>
			<div class="panel-body">
				<div class="row text-center" style="margin-top: 5px;">
					<div class="col-md-2 col-sm-4"></div>
					<div class="col-md-6 col-sm-8">
						<div class="row">
							<div class="col-sm-3">
								<cn>分辨率</cn>
								<en>video size</en>
							</div>
							<div class="col-sm-6">
								<cn>编码方式</cn>
								<en>codec</en>
							</div>
							<div class="col-sm-3">
								<cn>码率控制</cn>
								<en>rate control</en>
							</div>
						</div>
					</div>
					<div class="col-md-1 col-sm-2"><cn>码率</cn><en>bitrate</en>(kb/s)</div>
					<div class="col-md-1 col-sm-2">
						<cn>帧率</cn>
						<en>framerate</en>
					</div>
					<div class="col-md-1 col-sm-2">GOP(
						<cn>秒</cn>
						<en>sec</en>)</div>
				</div>
				<div class="row" id="all">
					<div class="col-md-2 col-sm-4 text-right" style="line-height: 34px;">
						<cn>主流参数</cn>
						<en>Main stream</en>
					</div>
					<div class="col-md-6 col-sm-8">
						<div class="row">
							<div class="col-sm-3">
								<select zcfg="width*x*height" class="form-control">
									<option value="-1x-1">auto</option>
									<?php
										if($hardware["capability"]["encode"]["maxSize"]=="4K")
										{
									?>
									<option value="3840x2160">4K</option>
									<?php
										}
									?>
									<option value="1920x1080">1080p</option>
									<option value="1280x720">720p</option>
									<option value="640x360">360p</option>
									<option value="1080x1920">1080x1920</option>
									<option value="720x1280">720x1280</option>
									<option value="360x640">360x640</option>
								</select>
							</div>
							<div class="col-sm-6">
								<select class="form-control" zcfg="codec*,*profile">
									<option value="h264,base">H.264 Baseline Profile</option>
									<option value="h264,main">H.264 Main Profile</option>
									<option value="h264,high">H.264 High Profile</option>
									<option value="h265,main">H.265 Main Profile</option>
									<option value="close,base" cn="关闭" en="close"></option>
								</select>
							</div>
							<div class="col-sm-3">
								<select zcfg="rcmode" class="form-control">
									<option value="cbr">CBR</option>
									<option value="vbr">VBR</option>
									<option value="avbr">AVBR</option>
									<option value="fixqp">FIXQP</option>
								</select>
							</div>
							
						</div>
					</div>
					<div class="col-md-1 col-sm-2">
						<input zcfg="bitrate" type="text" class="form-control">
					</div>
					<div class="col-md-1 col-sm-2">
						<input zcfg="framerate" type="text" class="form-control">
					</div>
					<div class="col-md-1 col-sm-2">
						<input zcfg="gop" type="text" class="form-control">
					</div>

				</div>
				<div class="row" id="all_sub" style="margin-top: 5px;">
					<div class="col-md-2 col-sm-4 text-right" style="line-height: 34px;">
						<cn>辅流参数</cn>
						<en>Sub stream</en>
					</div>
					<div class="col-md-6 col-sm-8">
						<div class="row">
							<div class="col-sm-3">
								<select zcfg="width*x*height" class="form-control">
									<?php
										if($hardware["capability"]["encode"]["maxSize"]=="4K")
										{
									?>
									<option value="3840x2160">4K</option>
									<?php
										}
									?>
									<option value="1920x1080">1080p</option>
									<option value="1280x720">720p</option>
									<option value="640x360">360p</option>
									<option value="1080x1920">1080x1920</option>
									<option value="720x1280">720x1280</option>
									<option value="360x640">360x640</option>
								</select>
							</div>
							<div class="col-sm-6">
								<select class="form-control" zcfg="codec*,*profile">
									<option value="h264,base">H.264 Baseline Profile</option>
									<option value="h264,main">H.264 Main Profile</option>
									<option value="h264,high">H.264 High Profile</option>
									<option value="h265,main">H.265 Main Profile</option>					
									<option value="close,base" cn="关闭" en="close"></option>		
								</select>
							</div>
							<div class="col-sm-3">
								<select zcfg="rcmode" class="form-control">
									<option value="cbr">CBR</option>
									<option value="vbr">VBR</option>
									<option value="avbr">AVBR</option>
									<option value="fixqp">FIXQP</option>
								</select>
							</div>
						</div>
					</div>
					<div class="col-md-1 col-sm-2">
						<input zcfg="bitrate" type="text" class="form-control">
					</div>
					<div class="col-md-1 col-sm-2">
						<input zcfg="framerate" type="text" class="form-control">
					</div>
					<div class="col-md-1 col-sm-2">
						<input zcfg="gop" type="text" class="form-control">
					</div>
				</div>
				<hr style="margin-top:10px; margin-bottom: 10px;"/>
				<div class="row text-center">
					<div class="col-md-2 col-sm-4"></div>
					<div class="col-md-6 col-sm-12">
						<div class="row">
							<div class="col-md-3 col-sm-4">
								<cn>编码格式</cn>
								<en>codec</en>
							</div>
							<div class="col-md-3 col-sm-4">
								<cn>音源</cn>
								<en>source</en>
							</div>
							<div class="col-md-3 col-sm-4">
								<cn>增益</cn>
								<en>gain</en>
							</div>
							<div class="col-md-3 col-sm-4">
								<cn>采样率</cn>
								<en>samplerate</en>
							</div>
						</div>
					</div>					
					<div class="col-md-2 col-sm-4">
						<cn>声道</cn>
						<en>channels</en>
					</div>
					<div class="col-md-2 col-sm-4">
						<cn>码率</cn>
						<en>bitrate</en>(kb/s)</div>
				</div>
				<div class="row" id="allAudio">
					<div class="col-md-2 col-sm-4 text-right" style="line-height: 34px;">
						<cn>音频参数</cn>
						<en>Audio config</en>
					</div>
					<div class="col-md-6 col-sm-12">
						<div class="row">
							<div class="col-md-3 col-sm-4">
								<select zcfg="codec" class="form-control">
									<option value="aac">AAC</option>
									<option value="pcma">PCMA</option>
									<option value="mp2">MPEG2</option>
									<option value="mp3">MP3</option>
									<option value="close" cn="关闭" en="close"></option>
								</select>
							</div>
							<div class="col-md-3 col-sm-4">
								<select zcfg="audioSrc" class="form-control audioSrc"></select>
							</div>
							<div class="col-md-3 col-sm-4">
								<select zcfg="gain" class="form-control">
									<option value="24">+24dB</option>
									<option value="18">+18dB</option>
									<option value="12">+12dB</option>
									<option value="6">+6dB</option>
									<option value="0">+0dB</option>
									<option value="-6">-6dB</option>
									<option value="-12">-12dB</option>
									<option value="-18">-18dB</option>
									<option value="-24">-24dB</option>
								</select>
							</div>
							<div class="col-md-3 col-sm-4">
								<select zcfg="samplerate" class="form-control">
									<option value="-1">auto</option>
									<option value="16000">16K</option>
									<option value="32000">32K</option>
									<option value="44100">44.1K</option>
									<option value="48000">48K</option>
								</select>
							</div>
						</div>
					</div>

					<div class="col-md-2 col-sm-4">
						<select zcfg="channels" class="form-control">
							<option cn="单声道" en="mono" value="1"></option>
							<option cn="立体声" en="stereo" value="2"></option>
						</select>
					</div>
					<div class="col-md-2 col-sm-4">
						<input zcfg="bitrate" type="text" class="form-control">
					</div>
				</div>
				<hr/>
				<div class="row text-center">
					<div class="col-md-12">
						<button id="setAll" type="button" class="btn btn-warning">
							<cn>应用到本地</cn>
							<en>Save to local</en>
						</button>
						<button id="setAllGroup" type="button" class="btn btn-warning">
							<cn>应用到群组</cn>
							<en>Save to group</en>
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-lg-12">
		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active"><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab"><i class="fa fa-sign-in"></i> <cn>编码参数</cn><en>Encode config</en></a>
			</li>
			<li role="presentation" ><a href="#tab5" aria-controls="tab5" role="tab" data-toggle="tab"><i class="fa fa-file-video-o"></i> <cn>高级编码参数</cn><en>Advanced Encode config</en></a>
			</li>
			<?php
			if($chip!="3559A" && $chip!="3516E")
			{
			?>
			<li role="presentation"><a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab"><i class="fa fa-image"></i> <cn>视频参数</cn><en>Video config</en></a>
			</li>
			<?php
			}
			?>
			<li role="presentation"><a href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab"><i class="fa fa-volume-up"></i> <cn>音频参数</cn><en>Audio config</en></a>
			</li>
			<li id="tabNet" role="presentation"><a href="#tab4" aria-controls="tab4" role="tab" data-toggle="tab"><i class="fa fa-internet-explorer"></i> <cn>网络输入</cn><en>Network stream</en></a>
			</li>
		</ul>
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane fade in active" id="tab1">
				<div class="row text-center" style="margin-top: 5px;">
					<div class="col-md-2 col-sm-4">
						<cn>频道名称</cn>
						<en>channel name</en>
					</div>
					<div class="col-md-6 col-sm-8">
						<div class="row">
							<div class="col-sm-3">
								<cn>分辨率</cn>
								<en>video size</en>
							</div>
							<div class="col-sm-6">
								<cn>编码方式</cn>
								<en>codec</en>
							</div>
							<div class="col-sm-3">
								<cn>码率控制</cn>
								<en>rate control</en>
							</div>
						</div>
					</div>
					<div class="col-md-1 col-sm-2">
						<cn>码率</cn>
						<en>bitrate</en>(kb/s)</div>
					<div class="col-md-1 col-sm-2">
						<cn>帧率</cn>
						<en>framerate</en>
					</div>
					<div class="col-md-1 col-sm-2">GOP(
						<cn>秒</cn>
						<en>sec</en>)</div>
					<div class="col-md-1 col-sm-2">
						<cn>开关</cn>
						<en>enable</en>
					</div>
				</div>
				<hr style="margin-top:5px; margin-bottom: 10px;"/>
				<div id="templetHDMI">
					<div class="row">
						<div class="col-md-2 col-sm-4">
							<input type="text" zcfg="[#].name" class="form-control">
						</div>
						<div class="col-md-6 col-sm-8">
							<div class="row">
								<div class="col-sm-3">
									<select zcfg="[#].encv.width*x*[#].encv.height" class="form-control">
										<option value="-1x-1">auto</option>
										<?php
										if($hardware["capability"]["encode"]["maxSize"]=="4K")
										{
									?>
									<option value="3840x2160">4K</option>
									<?php
										}
									?>
										<option value="1920x1080">1080p</option>
										<option value="1280x720">720p</option>
										<option value="640x360">360p</option>
										<option value="1080x1920">1080x1920</option>
										<option value="720x1280">720x1280</option>
										<option value="360x640">360x640</option>
									</select>
								</div>
								<div class="col-sm-6">
									<select class="form-control" zcfg="[#].encv.codec*,*[#].encv.profile">
										<option value="h264,base">H.264 Baseline Profile</option>
										<option value="h264,main">H.264 Main Profile</option>
										<option value="h264,high">H.264 High Profile</option>
										<option value="h265,main">H.265 Main Profile</option>
										<option value="close,base" cn="关闭" en="close"></option>
									</select>
								</div>
								<div class="col-sm-3">
									<select zcfg="[#].encv.rcmode" class="form-control">
										<option value="cbr">CBR</option>
										<option value="vbr">VBR</option>
										<option value="avbr">AVBR</option>
										<option value="fixqp">FIXQP</option>
									</select>
								</div>
							</div>
						</div>
						<div class="col-md-1 col-sm-4">
							<input zcfg="[#].encv.bitrate" type="text" class="form-control">
						</div>

						<div class="col-md-1 col-sm-2">
							<input zcfg="[#].encv.framerate" type="text" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input zcfg="[#].encv.gop" type="text" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input zcfg="[#].enable" type="checkbox" class="switch form-control">
						</div>
					</div>
					<div class="row"  style="margin-top: 5px;">
						<div class="col-md-2 col-sm-4">
						</div>
						<div class="col-md-6 col-sm-8">
							<div class="row">
								<div class="col-sm-3">
									<select zcfg="[#].encv2.width*x*[#].encv2.height" class="form-control">
										<option value="-1x-1">auto</option>
										<?php
										if($hardware["capability"]["encode"]["maxSize"]=="4K")
										{
									?>
									<option value="3840x2160">4K</option>
									<?php
										}
									?>
										<option value="1920x1080">1080p</option>
										<option value="1280x720">720p</option>
										<option value="640x360">360p</option>
										<option value="1080x1920">1080x1920</option>
										<option value="720x1280">720x1280</option>
										<option value="360x640">360x640</option>
									</select>
								</div>
								<div class="col-sm-6">
									<select class="form-control" zcfg="[#].encv2.codec*,*[#].encv2.profile">
										<option value="h264,base">H.264 Baseline Profile</option>
										<option value="h264,main">H.264 Main Profile</option>
										<option value="h264,high">H.264 High Profile</option>
										<option value="h265,main">H.265 Main Profile</option>
										<option value="close,base" cn="关闭" en="close"></option>
									</select>
								</div>
								<div class="col-sm-3">
									<select zcfg="[#].encv2.rcmode" class="form-control">
									<option value="cbr">CBR</option>
									<option value="vbr">VBR</option>
									<option value="avbr">AVBR</option>
									<option value="fixqp">FIXQP</option>
									</select>
								</div>
							</div>
						</div>
						<div class="col-md-1 col-sm-4">
							<input zcfg="[#].encv2.bitrate" type="text" class="form-control">
						</div>

						<div class="col-md-1 col-sm-2">
							<input zcfg="[#].encv2.framerate" type="text" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input zcfg="[#].encv2.gop" type="text" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input zcfg="[#].enable2" type="checkbox" class="switch form-control">
						</div>
					</div>
					<hr style="margin-top:10px; margin-bottom: 10px;"/>
				</div>
			</div>
			<div role="tabpanel" class="tab-pane fade in" id="tab5">
				<div class="row text-center" style="margin-top: 5px;">
					<div class="col-md-2 col-sm-4">
						<cn>频道名称</cn>
						<en>channel name</en>
					</div>
					<div class="col-md-1 col-sm-2">
						<cn>宽</cn>
						<en>width</en>
					</div>
					<div class="col-md-1 col-sm-2">
						<cn>高</cn>
						<en>height</en>
					</div>
					<div class="col-md-2 col-sm-4">
						<cn>智能编码模式</cn>
						<en>smart encode</en>
					</div>
					<div class="col-md-1 col-sm-2">
						minQP
					</div>
					<div class="col-md-1 col-sm-2">
						maxQP
					</div>
					<div class="col-md-1 col-sm-2">
						fixIQP
					</div>
					<div class="col-md-1 col-sm-2">
						fixPQP
					</div>
					<div class="col-md-2 col-sm-4">
						<cn>低延时编码</cn>
						<en>low latency</en>
					</div>
				</div>
				<hr style="margin-top:5px; margin-bottom: 10px;"/>
				<div id="templetADV">
					<div class="row">
						<div class="col-md-2 col-sm-4">
							<input type="text" zcfg="[#].name" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv.width" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv.height" class="form-control">
						</div>
						<div class="col-md-2 col-sm-4">
								<select zcfg="[#].encv.gopmode" class="form-control">
									<option value="0">Normal</option>
										<option value="1">SmartP</option>
										<option value="2">DualP</option>
										<?php
										if($hardware["capability"]["encode"]["BFrame"])
										{
										?>
										<option value="3">BiPredB</option>
										<?php
										}
										?>
								</select>
							</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv.minqp" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv.maxqp" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv.Iqp" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv.Pqp" class="form-control">
						</div>
						<div class="col-md-2 col-sm-4 text-center">
							<input zcfg="[#].encv.lowLatency" type="checkbox" class="switch form-control">
						</div>
					</div>
					<div class="row"  style="margin-top: 5px;">
						<div class="col-md-2 col-sm-4">
							
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv2.width" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv2.height" class="form-control">
						</div>
						<div class="col-md-2 col-sm-4">
								<select zcfg="[#].encv2.gopmode" class="form-control">
									<option value="0">Normal</option>
										<option value="1">SmartP</option>
										<option value="2">DualP</option>
										<?php
										if($hardware["capability"]["encode"]["BFrame"])
										{
										?>
										<option value="3">BiPredB</option>
										<?php
										}
										?>
								</select>
							</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv2.minqp" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv2.maxqp" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv2.Iqp" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].encv2.Pqp" class="form-control">
						</div>
						<div class="col-md-2 col-sm-4 text-center">
							<input zcfg="[#].encv2.lowLatency" type="checkbox" class="switch form-control">
						</div>
					</div>
					<hr style="margin-top:10px; margin-bottom: 10px;"/>
				</div>
			</div>
			<div role="tabpanel" class="tab-pane fade in" id="tab2">
				<div class="row text-center" style="margin-top: 5px;">
					<div class="col-md-2">
						<cn>频道名称</cn>
						<en>channel name</en>
					</div>
					<div class="col-md-7">
						<div class="row">
							<div class="col-md-1-5">
								<cn>旋转</cn>
								<en>Rotate</en>
							</div>
							<div class="col-md-1-5">
								<cn>左裁剪</cn>
								<en>left crop</en>
							</div>
							<div class="col-md-1-5">
								<cn>右裁剪</cn>
								<en>right crop</en>
							</div>
							<div class="col-md-1-5">
								<cn>上裁剪</cn>
								<en>top crop</en>
							</div>
							<div class="col-md-1-5">
								<cn>下裁剪</cn>
								<en>bottom crop</en>
							</div>
						</div>
					</div>
                    <div class="col-md-3">
                        <div class="row">
                            <div class="col-md-6">
                                <cn>全帧率去隔行</cn>
                                <en>full framerate deinterlace</en>
                            </div>
                            <div class="col-md-6">
                                <cn>NTSC兼容</cn>
                                <en>NTSC Compatible</en>
                            </div>
                        </div>
                    </div>
					
				</div>
				<hr style="margin-top:5px; margin-bottom: 10px;"/>
				<div id="templetVideo">
					<div class="row">
						<div class="col-md-2">
							<input type="text" zcfg="[#].name" class="form-control">
						</div>
						<div class="col-md-7">
							<div class="row">
								<div class="col-md-1-5 text-center">
									<select zcfg="[#].cap.rotate" class="form-control">
										<option value="0">0</option>
										<option value="90">90</option>
										<option value="180">180</option>
										<option value="270">270</option>
									</select>
								</div>
								<div class="col-md-1-5">
									<input zcfg="[#].cap.crop.L" type="text" class="form-control">
								</div>
								<div class="col-md-1-5">
									<input zcfg="[#].cap.crop.R" type="text" class="form-control">
								</div>
								<div class="col-md-1-5">
									<input zcfg="[#].cap.crop.T" type="text" class="form-control">
								</div>
								<div class="col-md-1-5">
									<input zcfg="[#].cap.crop.B" type="text" class="form-control">
								</div>
							</div>
						</div>
                        <div class="col-md-3">
                            <div class="row">
                                <div class="col-md-6 text-center">
                                    <input zcfg="[#].cap.deinterlace" type="checkbox" class="switch form-control">
                                </div>
                                <div class="col-md-6 text-center">
                                    <input zcfg="[#].cap.ntsc" type="checkbox" class="switch form-control">
                                </div>
                            </div>
                        </div>
					</div>
					<!--
					<div class="row">
						<div class="col-md-2 col-sm-4">

						</div>
						<div class="col-md-10  col-sm-12">
							<div class="row">
								<div class="col-md-2 col-sm-4 text-center">

								</div>
								<div class="col-md-2 col-sm-4 text-center">

								</div>
								<div class="col-md-2 col-sm-4">
									<input zcfg="[#].subCrop.L" type="text" class="form-control">
								</div>
								<div class="col-md-2 col-sm-4">
									<input zcfg="[#].subCrop.R" type="text" class="form-control">
								</div>
								<div class="col-md-2 col-sm-4">
									<input zcfg="[#].subCrop.T" type="text" class="form-control">
								</div>
								<div class="col-md-2 col-sm-4">
									<input zcfg="[#].subCrop.B" type="text" class="form-control">
								</div>
							</div>
						</div>
					</div>-->
					<hr style="margin-top:10px; margin-bottom: 10px;"/>
				</div>
                <div id="templetVideoNet">
                    <div class="row">
                        <div class="col-md-2">
                            <input type="text" zcfg="[#].name" class="form-control">
                        </div>
                        <div class="col-md-7">
                            <div class="row">
                                <div class="col-md-1-5 text-center">
                                    <select zcfg="[#].cap.rotate" class="form-control">
                                        <option value="0">0</option>
                                        <option value="90">90</option>
                                        <option value="180">180</option>
                                        <option value="270">270</option>
                                    </select>
                                </div>
                                <div class="col-md-1-5">
                                    <input zcfg="[#].cap.crop.L" type="text" class="form-control">
                                </div>
                                <div class="col-md-1-5">
                                    <input zcfg="[#].cap.crop.R" type="text" class="form-control">
                                </div>
                                <div class="col-md-1-5">
                                    <input zcfg="[#].cap.crop.T" type="text" class="form-control">
                                </div>
                                <div class="col-md-1-5">
                                    <input zcfg="[#].cap.crop.B" type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top:10px; margin-bottom: 10px;"/>
                </div>
            </div>
			<div role="tabpanel" class="tab-pane fade in" id="tab3">
				<div class="row text-center" style="margin-top: 5px;">
					<div class="col-md-2 col-sm-4">
						<cn>频道名称</cn>
						<en>channel name</en>
					</div>
					<div class="col-md-6 col-sm-12">
						<div class="row">
							<div class="col-md-3 col-sm-4">
								<cn>编码格式</cn>
								<en>codec</en>
							</div>
							<div class="col-md-3 col-sm-4">
								<cn>音源</cn>
								<en>source</en>
							</div>
							<div class="col-md-3 col-sm-4">
								<cn>增益</cn>
								<en>gain</en>
							</div>
							<div class="col-md-3 col-sm-4">
								<cn>采样率</cn>
								<en>samplerate</en>
							</div>
						</div>
					</div>
					<div class="col-md-2 col-sm-4">
						<cn>声道</cn>
						<en>channels</en>
					</div>
					<div class="col-md-2 col-sm-4">
						<cn>码率</cn>
						<en>bitrate</en>(kb/s)</div>
				</div>
				<hr style="margin-top:5px; margin-bottom: 10px;"/>
				<div id="templetAudio">
					<div class="row">
						<div class="col-md-2 col-sm-4">
							<input type="text" zcfg="[#].name" class="form-control">
						</div>
						<div class="col-md-6 col-sm-12">
							<div class="row">
								<div class="col-md-3 col-sm-4">
									<select zcfg="[#].enca.codec" class="form-control">
										<option value="aac">AAC</option>
										<option value="pcma">PCMA</option>
										<option value="mp2">MPEG2</option>
										<option value="mp3">MP3</option>
										<option value="close" cn="关闭" en="close"></option>
									</select>
								</div>
								<div class="col-md-3 col-sm-4">
									<select zcfg="[#].enca.audioSrc" class="form-control audioSrc"></select>
								</div>
								<div class="col-md-3 col-sm-4">
									<select zcfg="[#].enca.gain" class="form-control">
										<option value="24">+24dB</option>
										<option value="18">+18dB</option>
										<option value="12">+12dB</option>
										<option value="6">+6dB</option>
										<option value="0">+0dB</option>
										<option value="-6">-6dB</option>
										<option value="-12">-12dB</option>
										<option value="-18">-18dB</option>
										<option value="-24">-24dB</option>
									</select>
								</div>
								<div class="col-md-3 col-sm-4">
									<select zcfg="[#].enca.samplerate" class="form-control">
										<option value="-1">auto</option>
										<option value="16000">16K</option>
										<option value="32000">32K</option>
										<option value="44100">44.1K</option>
										<option value="48000">48K</option>
									</select>
								</div>
							</div>
						</div>
						
						<div class="col-md-2 col-sm-4">
							<select zcfg="[#].enca.channels" class="form-control">
								<option cn="单声道" en="mono" value="1"></option>
								<option cn="立体声" en="stereo" value="2"></option>
							</select>
						</div>
						<div class="col-md-2 col-sm-4">
							<input zcfg="[#].enca.bitrate" type="text" class="form-control">
						</div>
					</div>
					<hr style="margin-top:10px; margin-bottom: 10px;"/>
				</div>
			</div>
			<div role="tabpanel" class="tab-pane fade in" id="tab4">
				<div class="row text-center" style="margin-top: 5px;">
					<div class="col-md-1 col-sm-2">
						<cn>频道名称</cn>
						<en>channel name</en>
					</div>
					<div class="col-md-4 col-sm-6">
						<cn>流地址</cn>
						<en>stream url</en>
					</div>
					<div class="col-md-1 col-sm-2">
						<cn>帧率</cn>
						<en>framerate</en>
					</div>
							<div class="col-md-1 col-sm-2">
								<cn>缓冲模式</cn>
								<en>buffer mode</en>
							</div>
							<div class="col-md-1 col-sm-2">
								<cn>缓冲时间</cn>
								<en>buffer time</en>
							</div>
							<div class="col-md-1 col-sm-2">
								<cn>协议</cn>
								<en>protocol</en>
							</div>
							<div class="col-md-1 col-sm-2">
								<cn>视频解码</cn>
								<en>video decode</en>
							</div>
							<div class="col-md-1 col-sm-2">
								<cn>音频解码</cn>
								<en>audio decode</en>
							</div>
							<div class="col-md-1 col-sm-2">
								<cn>开关</cn>
								<en>enable</en>
							</div>
					
				</div>
				<hr style="margin-top:5px; margin-bottom: 10px;"/>
				<div id="templetNET" class="thin2">
					<div class="row">
						<div class="col-md-1 col-sm-2">
							<input type="text" zcfg="[#].name" class="form-control">
						</div>
						<div class="col-md-4 col-sm-6">
							<input zcfg="[#].net.path" type="text" class="form-control">
						</div>
						<div class="col-md-1 col-sm-2">
							<input zcfg="[#].net.framerate" type="text" class="form-control">
						</div>
							<div class="col-md-1 col-sm-2">
								<select zcfg="[#].net.bufferMode" class="form-control">
									<option value="0" cn="一般" en="Normal"></option>
									<option value="1" cn="实时" en="NoBuffer"></option>
									<option value="2" cn="同步" en="Sync"></option>
								</select>
							</div>
							<div class="col-md-1 col-sm-2">
								<input zcfg="[#].net.minDelay" type="text" class="form-control">
							</div>
							<div class="col-md-1 col-sm-2">
								<select zcfg="[#].net.protocol" class="form-control">
									<option value="udp">UDP</option>
									<option value="tcp">TCP</option>
								</select>
							</div>
							
							<div class="col-md-1 col-sm-2">
								<input type="checkbox" zcfg="[#].net.decodeV" class="switch form-control">
							</div>
							<div class="col-md-1 col-sm-2">
								<input type="checkbox" zcfg="[#].net.decodeA" class="switch form-control">
							</div>
							<div class="col-md-1 col-sm-2">
								<input type="checkbox" zcfg="[#].enable" class="switch form-control">
							</div>
					</div>
					<hr style="margin-top:10px; margin-bottom: 10px;"/>
				</div>

			</div>
			<div class="row">
				<div class="col-md-12 text-center">
					<button id="save" type="button" class="btn btn-warning col-xs-4 col-xs-offset-4 col-md-2 col-md-offset-5">
						<cn>保存</cn>
						<en>Save</en>
					</button>
				</div>
			</div>
		</div>

	</div>
</div>
<script src="vendor/switch/bootstrap-switch.min.js"></script>
<script type="text/javascript" language="javascript" src="js/confirm/jquery-confirm.min.js"></script>
<script src="js/zcfg.js"></script>
<script>
	$( function () {
		navIndex( 1 );
		var config;
		var hdmi = new Array();
		var video = new Array();
        var videoNet = new Array();
		var audio = new Array();
		var net = new Array();
		var all = new Object();
		var allAudio = new Object();
		var all_sub = new Object();
		$.fn.bootstrapSwitch.defaults.size = 'small';
		$.fn.bootstrapSwitch.defaults.onColor = 'warning';
		function init(type){
			hdmi = new Array();
			video = new Array();
            videoNet = new Array();
			audio = new Array();
			net = new Array();
			$.getJSON( "config/config.json", function ( result ) {
			config = result;
            $( ".audioSrc" ).html("");
            $( "#allAudio" ).find(".audioSrc").append('<option value="source">Default</option>')
            <?php
                if($hardware["function"]["line"])
                {
            ?>
                    $(".audioSrc").append('<option value="line">Line</option>')
            <?php
                }
            ?>
            for ( var i = 0; i < config.length; i++ ) {
                var conf = config[i];
                if(conf.hasOwnProperty("enca"))
                {
                    if(config[i].enca.audioSrc == "hdmi" || config[i].enca.audioSrc == "sdi")
                        config[i].enca.audioSrc = config[i].id;
                }
                if(config[i].enca!=undefined){
                    $( ".audioSrc" ).append( '<option value="' + config[ i ].id + '">' + config[ i ].name + '</option>' );
                }
            }
			for ( var i = 0; i < config.length; i++ ) {
				if ( config[ i ].type == "net" ) {
					net.push( config[ i ] );
					if ( config[ i ].net.decodeV ){
						hdmi.push( config[ i ] );
					}
					if(config[ i ].enable){
						audio.push( config[ i ] );
					}
				} else  {
					if ( config[ i ].enca != undefined )
						audio.push( config[ i ] );
					if ( config[ i ].encv != undefined )
						hdmi.push( config[ i ] );
				}
				if ( config[ i ].type == "vi" )
					video.push( config[ i ] );
                if ( config[ i ].type == "net" ) {
                    if(!config[i].hasOwnProperty("cap")) {
                        config[i].cap = {
                            rotate: 0,
                            crop: {
                                B: 0,
                                L: 0,
                                R: 0,
                                T: 0
                            }
                        }
                    }
                    videoNet.push(config[i]);
                }
			}
			if ( net.length == 0 ) {
				$( "#tabNet" ).hide();
			}
			zctemplet( "#templetHDMI", hdmi );
			zctemplet( "#templetADV", hdmi );
			zctemplet( "#templetAudio", audio );
			zctemplet( "#templetNET", net );
			zctemplet( "#templetVideo", video );
            zctemplet( "#templetVideoNet", videoNet );


			all.width = hdmi[ 0 ].encv.width;
			all.height = hdmi[ 0 ].encv.height;
			all.codec = hdmi[ 0 ].encv.codec;
			all.rcmode = hdmi[ 0 ].encv.rcmode;
			all.bitrate = hdmi[ 0 ].encv.bitrate;
			all.framerate = hdmi[ 0 ].encv.framerate;
			all.gop = hdmi[ 0 ].encv.gop;
			all.profile = hdmi[ 0 ].encv.profile;
			all.gopmode = hdmi[ 0 ].encv.gopmode;
			zcfg( "#all", all );

			all_sub.width = hdmi[ 0 ].encv2.width;
			all_sub.height = hdmi[ 0 ].encv2.height;
			all_sub.codec = hdmi[ 0 ].encv2.codec;
			all_sub.profile = hdmi[ 0 ].encv2.profile;
			all_sub.rcmode = hdmi[ 0 ].encv2.rcmode;
			all_sub.bitrate = hdmi[ 0 ].encv2.bitrate;
			all_sub.framerate = hdmi[ 0 ].encv2.framerate;
			all_sub.gop = hdmi[ 0 ].encv2.gop;
			all_sub.gopmode = hdmi[ 0 ].encv2.gopmode;
			zcfg( "#all_sub", all_sub );


			allAudio.codec = hdmi[ 0 ].enca.codec;
			allAudio.samplerate = hdmi[ 0 ].enca.samplerate;
			allAudio.channels = hdmi[ 0 ].enca.channels;
			allAudio.bitrate = hdmi[ 0 ].enca.bitrate;
            if(type == "load")
			    allAudio.audioSrc = "source";
			allAudio.gain = hdmi[ 0 ].enca.gain;
			zcfg( "#allAudio", allAudio );
			$( ".switch" ).bootstrapSwitch();
		} );
		}
		init("load");



		$( "#setAll" ).click( function ( e ) {
			for ( var i = 0; i < config.length; i++ ) {
				if ( config[ i ].encv ==undefined || config[ i ].enca ==undefined )
					continue;
				$.extend( config[ i ].encv, all );
				$.extend( config[ i ].encv2, all_sub );
                var allAdo = JSON.parse(JSON.stringify(allAudio));
                if(allAdo.audioSrc == "source")
                    allAdo.audioSrc = config[i].id;
				$.extend( config[ i ].enca, allAdo);
			}
			zcfg( "#templetHDMI", hdmi );
			zcfg( "#templetADV", hdmi );
			zcfg( "#templetNET", net );
			zcfg( "#templetAudio", audio );
			$( "#save" ).click();
		} );
		
		var maxENC = <?php echo $hardware["capability"]["encode"]["maxPixel"]; ?>;

		$( "#save" ).click( function ( e ) {
			
			var sum=0;
			for ( var i = 0; i < config.length; i++ ) {
				if(config[i].enable && config[i].encv!=undefined){
					if(config[i].encv.codec!="close")
						sum+=config[i].encv.width*config[i].encv.height*config[i].encv.framerate;
					if(config[i].enable2 && config[i].encv2.codec!="close"){
						sum+=config[i].encv2.width*config[i].encv2.height*config[i].encv2.framerate;
					}
				}
			}
			
			if(maxENC>0 && sum>maxENC){
				$.confirm( {
					title: '<cn>警告</cn><en>Warning</en>',
					content: '<cn>超出编码性能上限，请调整编码参数！</cn><en>The limit of encode performance is exceeded. Please adjust the encode parameters!</en>',
					buttons: {
						ok: {
							text: "<cn>知道了</cn><en>I know</en>",
							btnClass: 'btn-warning',
							keys: [ 'enter' ]
						}

					}
				} );
			}
			
			rpc( "enc.update", [ JSON.stringify( config, null, 2 ) ], function ( data ) {
				if ( typeof ( data.error ) != "undefined" ) {
					htmlAlert( "#alert", "danger", "<cn>保存设置失败！</cn><en>Save config failed!</en>", "", 2000 );
				} else {
					htmlAlert( "#alert", "success", "<cn>保存设置成功！</cn><en>Save config success!</en>", "", 2000 );
					init();
				}

			} );
		} );

		$( "#setAllGroup" ).click( function ( e ) {
			grpShow();
		} );


		$( "#grpSync" ).click( function ( e ) {
			var cfg = new Object();
			cfg.encv = all;
			cfg.encv2 = all_sub;
			cfg.enca = allAudio;
			var k = grpList.length;
			for ( var i = 0; i < grpList.length; i++ ) {
				grpSetStatus( i, 0 );
				rpc( "group.callSetEncode", [ grpList[ i ].mac, cfg ], function ( data, index ) {
					grpSetStatus( index, data ? 1 : 2 );
					k--;
					if ( k == 0 ) {
						init();
					}
				}, i );
			}
		} );


	} );
</script>
<?php
include( "foot.php" );
?>