2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
|
|
|
|
//
|
2020-04-10 23:16:11 +08:00
|
|
|
// ZoneMinder web watch feed view file
|
2008-07-25 17:48:16 +08:00
|
|
|
// Copyright (C) 2001-2008 Philip Coombes
|
2008-07-14 21:54:50 +08:00
|
|
|
//
|
|
|
|
|
// This program is free software; you can redistribute it and/or
|
|
|
|
|
// modify it under the terms of the GNU General Public License
|
|
|
|
|
// as published by the Free Software Foundation; either version 2
|
|
|
|
|
// of the License, or (at your option) any later version.
|
|
|
|
|
//
|
|
|
|
|
// This program is distributed in the hope that it will be useful,
|
|
|
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
|
// GNU General Public License for more details.
|
|
|
|
|
//
|
|
|
|
|
// You should have received a copy of the GNU General Public License
|
|
|
|
|
// along with this program; if not, write to the Free Software
|
2016-12-26 23:23:16 +08:00
|
|
|
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
2008-07-14 21:54:50 +08:00
|
|
|
//
|
|
|
|
|
|
2018-06-26 02:50:54 +08:00
|
|
|
if ( !canView('Stream') ) {
|
2016-09-27 08:09:09 +08:00
|
|
|
$view = 'error';
|
|
|
|
|
return;
|
2008-07-14 21:54:50 +08:00
|
|
|
}
|
2015-12-02 03:30:24 +08:00
|
|
|
|
2019-09-20 02:57:17 +08:00
|
|
|
if ( !isset($_REQUEST['mid']) ) {
|
2017-11-02 01:08:01 +08:00
|
|
|
$view = 'error';
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2015-12-02 03:30:24 +08:00
|
|
|
// This is for input sanitation
|
2018-06-26 02:50:54 +08:00
|
|
|
$mid = intval($_REQUEST['mid']);
|
2019-09-27 04:26:18 +08:00
|
|
|
if ( !visibleMonitor($mid) ) {
|
2016-09-27 22:05:16 +08:00
|
|
|
$view = 'error';
|
|
|
|
|
return;
|
2014-12-12 22:32:03 +08:00
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2019-09-25 22:16:16 +08:00
|
|
|
require_once('includes/Monitor.php');
|
2019-02-22 22:19:07 +08:00
|
|
|
$monitor = new ZM\Monitor($mid);
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2017-05-19 09:48:21 +08:00
|
|
|
#Whether to show the controls button
|
2018-04-27 05:18:36 +08:00
|
|
|
$showPtzControls = ( ZM_OPT_CONTROL && $monitor->Controllable() && canView('Control') && $monitor->Type() != 'WebSite' );
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2018-06-26 02:50:54 +08:00
|
|
|
if ( isset($_REQUEST['scale']) ) {
|
2016-09-27 21:46:04 +08:00
|
|
|
$scale = validInt($_REQUEST['scale']);
|
2018-06-26 02:50:54 +08:00
|
|
|
} else if ( isset($_COOKIE['zmWatchScale'.$mid]) ) {
|
2016-09-27 21:46:04 +08:00
|
|
|
$scale = $_COOKIE['zmWatchScale'.$mid];
|
|
|
|
|
} else {
|
2020-04-30 04:35:20 +08:00
|
|
|
$scale = $monitor->DefaultScale();
|
2016-09-27 21:46:04 +08:00
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
|
|
|
|
|
$connkey = generateConnKey();
|
|
|
|
|
|
2016-06-21 00:40:33 +08:00
|
|
|
$streamMode = getStreamMode();
|
2008-12-06 02:46:32 +08:00
|
|
|
|
2017-12-06 05:26:21 +08:00
|
|
|
$popup = ((isset($_REQUEST['popup'])) && ($_REQUEST['popup'] == 1));
|
2017-12-06 01:51:07 +08:00
|
|
|
|
2020-04-10 23:16:11 +08:00
|
|
|
noCacheHeaders();
|
2019-09-20 02:57:17 +08:00
|
|
|
xhtmlHeaders(__FILE__, $monitor->Name().' - '.translate('Feed'));
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
<body>
|
2020-10-16 21:08:23 +08:00
|
|
|
<?php echo getNavBarHTML() ?>
|
|
|
|
|
<div class="d-flex flex-row justify-content-between px-3 py-1">
|
|
|
|
|
<div>
|
|
|
|
|
<button id="backBtn" class="btn btn-normal" data-toggle="tooltip" data-placement="top" title="<?php echo translate('Back') ?>" disabled><i class="fa fa-arrow-left"></i></button>
|
|
|
|
|
<button id="refreshBtn" class="btn btn-normal" data-toggle="tooltip" data-placement="top" title="<?php echo translate('Refresh') ?>" ><i class="fa fa-refresh"></i></button>
|
|
|
|
|
<button id="settingsBtn" class="btn btn-normal" data-toggle="tooltip" data-placement="top" title="<?php echo translate('Settings') ?>" disabled><i class="fa fa-sliders"></i></button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<h2><?php echo validHtmlStr($monitor->Name()) ?></h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<?php echo translate('Scale').': '.htmlSelect('scale', $scales, $scale, array('id'=>'scale')); ?>
|
|
|
|
|
</div>
|
2017-12-02 00:29:30 +08:00
|
|
|
</div>
|
2019-06-28 22:28:53 +08:00
|
|
|
<?php
|
2020-05-02 06:15:19 +08:00
|
|
|
if ( $monitor->Status() != 'Connected' and $monitor->Type() != 'WebSite' ) {
|
2019-06-28 22:28:53 +08:00
|
|
|
echo '<div class="warning">Monitor is not capturing. We will be unable to provide an image</div>';
|
|
|
|
|
}
|
|
|
|
|
?>
|
2017-12-02 00:29:30 +08:00
|
|
|
<div id="content">
|
2019-06-11 22:58:54 +08:00
|
|
|
<div id="imageFeed"
|
|
|
|
|
<?php
|
|
|
|
|
if ( $streamMode == 'jpeg' ) {
|
|
|
|
|
echo 'title="Click to zoom, shift click to pan, ctrl click to zoom out"';
|
|
|
|
|
}
|
|
|
|
|
?>
|
2019-09-20 02:57:17 +08:00
|
|
|
><?php echo getStreamHTML($monitor, array('scale'=>$scale)); ?></div>
|
2019-06-11 22:58:54 +08:00
|
|
|
|
|
|
|
|
|
2018-04-27 05:18:36 +08:00
|
|
|
<?php if ( $monitor->Type() != 'WebSite' ) { ?>
|
2008-07-14 21:54:50 +08:00
|
|
|
<div id="monitorStatus">
|
2018-06-26 02:50:54 +08:00
|
|
|
<?php if ( canEdit('Monitors') ) { ?>
|
|
|
|
|
<div id="enableDisableAlarms">
|
2019-09-20 02:57:17 +08:00
|
|
|
<button type="button" id="enableAlarmsLink" data-on-click="cmdEnableAlarms" class="hidden">
|
|
|
|
|
<?php echo translate('EnableAlarms') ?></button>
|
|
|
|
|
<button type="button" id="disableAlarmsLink" data-on-click="cmdDisableAlarms" class="hidden">
|
|
|
|
|
<?php echo translate('DisableAlarms') ?></button>
|
2018-06-26 02:50:54 +08:00
|
|
|
</div>
|
2016-04-17 21:29:14 +08:00
|
|
|
<div id="forceCancelAlarm">
|
2019-09-20 02:57:17 +08:00
|
|
|
<button type="button" id="forceAlarmLink" data-on-click="cmdForceAlarm"><?php echo translate('ForceAlarm') ?></button>
|
|
|
|
|
<button type="button" id="cancelAlarmLink" data-on-click="cmdCancelForcedAlarm" class="hidden"><?php echo translate('CancelForcedAlarm') ?></button>
|
2016-04-17 21:29:14 +08:00
|
|
|
</div>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
?>
|
2015-05-10 21:10:30 +08:00
|
|
|
<div id="monitorState"><?php echo translate('State') ?>: <span id="stateValue"></span> - <span id="fpsValue"></span> fps</div>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
2018-04-19 00:30:18 +08:00
|
|
|
<div id="dvrControls">
|
|
|
|
|
<?php
|
|
|
|
|
if ( $streamMode == 'jpeg' ) {
|
|
|
|
|
if ( $monitor->StreamReplayBuffer() != 0 ) {
|
|
|
|
|
?>
|
2019-09-27 04:26:18 +08:00
|
|
|
<button type="button" id="fastRevBtn" title="<?php echo translate('Rewind') ?>" class="unavail" disabled="disabled" data-on-click-true="streamCmdFastRev">
|
|
|
|
|
<i class="material-icons md-18">fast_rewind</i>
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" id="slowRevBtn" title="<?php echo translate('StepBack') ?>" class="unavail" disabled="disabled" data-on-click-true="streamCmdSlowRev">
|
|
|
|
|
<i class="material-icons md-18">chevron_right</i>
|
|
|
|
|
</button>
|
2018-04-19 00:30:18 +08:00
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
?>
|
2019-09-27 04:26:18 +08:00
|
|
|
<button type="button" id="pauseBtn" title="<?php echo translate('Pause') ?>" class="inactive" data-on-click-true="streamCmdPause">
|
|
|
|
|
<i class="material-icons md-18">pause</i>
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" id="stopBtn" title="<?php echo translate('Stop') ?>" class="unavail" disabled="disabled" data-on-click-true="streamCmdStop" style="display:none;">
|
|
|
|
|
<i class="material-icons md-18">stop</i>
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" id="playBtn" title="<?php echo translate('Play') ?>" class="active" disabled="disabled" data-on-click-true="streamCmdPlay">
|
|
|
|
|
<i class="material-icons md-18">play_arrow</i>
|
|
|
|
|
</button>
|
2018-04-19 00:30:18 +08:00
|
|
|
<?php
|
|
|
|
|
if ( $monitor->StreamReplayBuffer() != 0 ) {
|
|
|
|
|
?>
|
2019-09-27 04:26:18 +08:00
|
|
|
<button type="button" id="slowFwdBtn" title="<?php echo translate('StepForward') ?>" class="unavail" disabled="disabled" data-on-click-true="streamCmdSlowFwd">
|
|
|
|
|
<i class="material-icons md-18">chevron_right</i>
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" id="fastFwdBtn" title="<?php echo translate('FastForward') ?>" class="unavail" disabled="disabled" data-on-click-true="streamCmdFastFwd">
|
|
|
|
|
<i class="material-icons md-18">fast_forward</i>
|
|
|
|
|
</button>
|
2018-04-19 00:30:18 +08:00
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
?>
|
2019-09-27 04:26:18 +08:00
|
|
|
<button type="button" id="zoomOutBtn" title="<?php echo translate('ZoomOut') ?>" class="avail" data-on-click="streamCmdZoomOut">
|
|
|
|
|
<i class="material-icons md-18">zoom_out</i>
|
|
|
|
|
|
|
|
|
|
</button>
|
2018-04-19 00:30:18 +08:00
|
|
|
<?php
|
2018-04-27 05:18:36 +08:00
|
|
|
} // end if streamMode==jpeg
|
2018-04-19 00:30:18 +08:00
|
|
|
?>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
2020-07-14 02:51:07 +08:00
|
|
|
<div id="replayStatus"<?php echo $streamMode=="single" ? ' class="hidden"' : '' ?>>
|
2015-05-10 21:10:30 +08:00
|
|
|
<span id="mode"><?php echo translate('Mode') ?>: <span id="modeValue"></span></span>
|
|
|
|
|
<span id="rate"><?php echo translate('Rate') ?>: <span id="rateValue"></span>x</span>
|
|
|
|
|
<span id="delay"><?php echo translate('Delay') ?>: <span id="delayValue"></span>s</span>
|
|
|
|
|
<span id="level"><?php echo translate('Buffer') ?>: <span id="levelValue"></span>%</span>
|
|
|
|
|
<span id="zoom"><?php echo translate('Zoom') ?>: <span id="zoomValue"></span>x</span>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
2018-04-27 05:18:36 +08:00
|
|
|
<?php } // end if $monitor->Type() != 'WebSite' ?>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2016-09-27 22:05:16 +08:00
|
|
|
if ( $showPtzControls ) {
|
2019-09-20 02:57:17 +08:00
|
|
|
foreach ( getSkinIncludes('includes/control_functions.php') as $includeFile )
|
2008-07-23 00:24:36 +08:00
|
|
|
require_once $includeFile;
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2016-04-04 23:39:12 +08:00
|
|
|
<div id="ptzControls" class="ptzControls">
|
2019-09-20 02:57:17 +08:00
|
|
|
<?php echo ptzControls($monitor) ?>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
|
|
|
|
<?php
|
|
|
|
|
}
|
2019-01-25 22:22:08 +08:00
|
|
|
if ( canView('Events') && ($monitor->Type() != 'WebSite') ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2016-04-04 23:39:12 +08:00
|
|
|
<div id="events">
|
2019-01-25 22:22:08 +08:00
|
|
|
<table id="eventList">
|
2008-07-14 21:54:50 +08:00
|
|
|
<thead>
|
|
|
|
|
<tr>
|
2015-05-10 21:10:30 +08:00
|
|
|
<th class="colId"><?php echo translate('Id') ?></th>
|
|
|
|
|
<th class="colName"><?php echo translate('Name') ?></th>
|
|
|
|
|
<th class="colTime"><?php echo translate('Time') ?></th>
|
|
|
|
|
<th class="colSecs"><?php echo translate('Secs') ?></th>
|
|
|
|
|
<th class="colFrames"><?php echo translate('Frames') ?></th>
|
|
|
|
|
<th class="colScore"><?php echo translate('Score') ?></th>
|
2008-07-14 21:54:50 +08:00
|
|
|
<th class="colDelete"> </th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<?php
|
|
|
|
|
}
|
2016-09-27 22:05:16 +08:00
|
|
|
if ( ZM_WEB_SOUND_ON_ALARM ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
$soundSrc = ZM_DIR_SOUNDS.'/'.ZM_WEB_ALARM_SOUND;
|
|
|
|
|
?>
|
|
|
|
|
<div id="alarmSound" class="hidden">
|
|
|
|
|
<?php
|
2016-09-27 22:05:16 +08:00
|
|
|
if ( ZM_WEB_USE_OBJECT_TAGS && isWindows() ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
<object id="MediaPlayer" width="0" height="0"
|
|
|
|
|
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
|
|
|
|
|
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,902">
|
2014-12-05 07:44:23 +08:00
|
|
|
<param name="FileName" value="<?php echo $soundSrc ?>"/>
|
2009-05-26 02:03:46 +08:00
|
|
|
<param name="autoStart" value="0"/>
|
2008-07-14 21:54:50 +08:00
|
|
|
<param name="loop" value="1"/>
|
2009-10-17 01:09:16 +08:00
|
|
|
<param name="hidden" value="1"/>
|
2008-07-14 21:54:50 +08:00
|
|
|
<param name="showControls" value="0"/>
|
2014-12-05 07:44:23 +08:00
|
|
|
<embed src="<?php echo $soundSrc ?>"
|
2008-07-14 21:54:50 +08:00
|
|
|
autostart="true"
|
|
|
|
|
loop="true"
|
|
|
|
|
hidden="true">
|
|
|
|
|
</embed>
|
|
|
|
|
</object>
|
|
|
|
|
<?php
|
2016-09-27 22:05:16 +08:00
|
|
|
} else {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2014-12-05 07:44:23 +08:00
|
|
|
<embed src="<?php echo $soundSrc ?>"
|
2008-07-14 21:54:50 +08:00
|
|
|
autostart="true"
|
|
|
|
|
loop="true"
|
|
|
|
|
hidden="true">
|
|
|
|
|
</embed>
|
|
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
?>
|
|
|
|
|
</div>
|
|
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-09-03 06:14:45 +08:00
|
|
|
<?php xhtmlFooter() ?>
|
