1139 lines
38 KiB
PHP
1139 lines
38 KiB
PHP
<?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" );
|
|
?>
|