2014-05-29 23:47:52 +08:00
|
|
|
<?php
|
|
|
|
//
|
|
|
|
// ZoneMinder web event view file, $Date$, $Revision$
|
|
|
|
// Copyright (C) 2001-2008 Philip Coombes
|
|
|
|
//
|
|
|
|
// 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
|
2008-07-14 21:54:50 +08:00
|
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
2014-05-29 23:47:52 +08:00
|
|
|
// 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.
|
2014-05-29 23:47:52 +08:00
|
|
|
//
|
|
|
|
|
2018-01-18 04:20:15 +08:00
|
|
|
if ( !canView('Events') ) {
|
2017-05-19 02:55:53 +08:00
|
|
|
$view = 'error';
|
|
|
|
return;
|
2014-05-29 23:47:52 +08:00
|
|
|
}
|
|
|
|
|
2019-03-20 00:16:31 +08:00
|
|
|
$eid = validInt($_REQUEST['eid']);
|
2020-04-17 21:46:10 +08:00
|
|
|
$fid = !empty($_REQUEST['fid']) ? validInt($_REQUEST['fid']) : 1;
|
2014-05-29 23:47:52 +08:00
|
|
|
|
2019-03-20 00:16:31 +08:00
|
|
|
$Event = new ZM\Event($eid);
|
2015-02-24 03:10:18 +08:00
|
|
|
if ( $user['MonitorIds'] ) {
|
2019-03-20 00:16:31 +08:00
|
|
|
$monitor_ids = explode(',', $user['MonitorIds']);
|
|
|
|
if ( count($monitor_ids) and ! in_array($Event->MonitorId(), $monitor_ids) ) {
|
2016-10-12 21:17:57 +08:00
|
|
|
$view = 'error';
|
|
|
|
return;
|
|
|
|
}
|
2015-02-24 03:10:18 +08:00
|
|
|
}
|
2017-05-20 00:24:59 +08:00
|
|
|
$Monitor = $Event->Monitor();
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2019-03-20 00:16:31 +08:00
|
|
|
if ( isset($_REQUEST['rate']) ) {
|
2017-05-19 02:55:53 +08:00
|
|
|
$rate = validInt($_REQUEST['rate']);
|
2018-11-29 22:43:21 +08:00
|
|
|
} else if ( isset($_COOKIE['zmEventRate']) ) {
|
|
|
|
$rate = $_COOKIE['zmEventRate'];
|
2017-10-22 08:22:05 +08:00
|
|
|
} else {
|
|
|
|
$rate = reScale(RATE_BASE, $Monitor->DefaultRate(), ZM_WEB_DEFAULT_RATE);
|
|
|
|
}
|
2016-09-27 21:46:04 +08:00
|
|
|
|
2019-03-20 00:16:31 +08:00
|
|
|
if ( isset($_REQUEST['scale']) ) {
|
2016-09-27 21:46:04 +08:00
|
|
|
$scale = validInt($_REQUEST['scale']);
|
2019-03-20 00:16:31 +08:00
|
|
|
} else if ( isset($_COOKIE['zmEventScaleAuto']) ) {
|
2018-12-21 23:50:19 +08:00
|
|
|
// If we're using scale to fit use it on all monitors
|
2020-02-26 00:17:46 +08:00
|
|
|
$scale = '0';
|
2019-03-20 00:16:31 +08:00
|
|
|
} else if ( isset($_COOKIE['zmEventScale'.$Event->MonitorId()]) ) {
|
2016-10-12 21:17:57 +08:00
|
|
|
$scale = $_COOKIE['zmEventScale'.$Event->MonitorId()];
|
2016-09-27 21:46:04 +08:00
|
|
|
} else {
|
2018-12-21 23:50:19 +08:00
|
|
|
$scale = reScale(SCALE_BASE, $Monitor->DefaultScale(), ZM_WEB_DEFAULT_SCALE);
|
2016-09-27 21:46:04 +08:00
|
|
|
}
|
2014-05-29 23:47:52 +08:00
|
|
|
|
2018-09-11 00:22:55 +08:00
|
|
|
$codec = 'auto';
|
2019-03-20 00:16:31 +08:00
|
|
|
if ( isset($_REQUEST['codec']) ) {
|
2018-09-11 00:22:55 +08:00
|
|
|
$codec = $_REQUEST['codec'];
|
2018-09-11 03:09:08 +08:00
|
|
|
session_start();
|
|
|
|
$_SESSION['zmEventCodec'.$Event->MonitorId()] = $codec;
|
|
|
|
session_write_close();
|
2019-03-20 00:16:31 +08:00
|
|
|
} else if ( isset($_SESSION['zmEventCodec'.$Event->MonitorId()]) ) {
|
2018-09-11 00:22:55 +08:00
|
|
|
$codec = $_SESSION['zmEventCodec'.$Event->MonitorId()];
|
|
|
|
} else {
|
|
|
|
$codec = $Monitor->DefaultCodec();
|
|
|
|
}
|
|
|
|
$codecs = array(
|
|
|
|
'auto' => translate('Auto'),
|
2019-03-20 00:16:31 +08:00
|
|
|
'MP4' => translate('MP4'),
|
2018-09-11 00:22:55 +08:00
|
|
|
'MJPEG' => translate('MJPEG'),
|
|
|
|
);
|
|
|
|
|
2014-05-29 23:47:52 +08:00
|
|
|
$replayModes = array(
|
2019-03-20 00:16:31 +08:00
|
|
|
'none' => translate('None'),
|
|
|
|
'single' => translate('ReplaySingle'),
|
|
|
|
'all' => translate('ReplayAll'),
|
|
|
|
'gapless' => translate('ReplayGapless'),
|
2014-05-29 23:47:52 +08:00
|
|
|
);
|
|
|
|
|
2020-04-17 21:46:10 +08:00
|
|
|
if ( isset($_REQUEST['streamMode']) )
|
2017-05-19 02:55:53 +08:00
|
|
|
$streamMode = validHtmlStr($_REQUEST['streamMode']);
|
2014-05-29 23:47:52 +08:00
|
|
|
else
|
2017-05-19 02:55:53 +08:00
|
|
|
$streamMode = 'video';
|
2014-05-29 23:47:52 +08:00
|
|
|
|
2017-07-07 05:45:23 +08:00
|
|
|
$replayMode = '';
|
2020-02-26 00:17:46 +08:00
|
|
|
if ( isset($_REQUEST['replayMode']) )
|
2017-05-19 02:55:53 +08:00
|
|
|
$replayMode = validHtmlStr($_REQUEST['replayMode']);
|
2020-02-26 00:17:46 +08:00
|
|
|
if ( isset($_COOKIE['replayMode']) && preg_match('#^[a-z]+$#', $_COOKIE['replayMode']) )
|
2017-05-19 02:55:53 +08:00
|
|
|
$replayMode = validHtmlStr($_COOKIE['replayMode']);
|
2017-06-22 05:14:02 +08:00
|
|
|
|
|
|
|
if ( ( ! $replayMode ) or ( ! $replayModes[$replayMode] ) ) {
|
|
|
|
$replayMode = 'none';
|
2014-05-29 23:47:52 +08:00
|
|
|
}
|
|
|
|
|
2015-04-14 00:41:21 +08:00
|
|
|
// videojs zoomrotate only when direct recording
|
|
|
|
$Zoom = 1;
|
|
|
|
$Rotation = 0;
|
2016-10-12 21:17:57 +08:00
|
|
|
if ( $Monitor->VideoWriter() == '2' ) {
|
2017-05-19 23:00:37 +08:00
|
|
|
# Passthrough
|
|
|
|
$Rotation = $Event->Orientation();
|
|
|
|
if ( in_array($Event->Orientation(),array('90','270')) )
|
|
|
|
$Zoom = $Event->Height()/$Event->Width();
|
2015-04-14 00:41:21 +08:00
|
|
|
}
|
|
|
|
|
2020-04-17 21:46:10 +08:00
|
|
|
// These are here to figure out the next/prev event, however if there is no filter, then default to one that specifies the Monitor
|
2020-01-08 03:49:58 +08:00
|
|
|
if ( !isset($_REQUEST['filter']) ) {
|
2020-04-17 21:46:10 +08:00
|
|
|
$_REQUEST['filter'] = array(
|
|
|
|
'Query'=>array(
|
|
|
|
'terms'=>array(
|
|
|
|
array('attr'=>'MonitorId', 'op'=>'=', 'val'=>$Event->MonitorId())
|
|
|
|
)
|
|
|
|
)
|
|
|
|
);
|
2020-01-08 03:49:58 +08:00
|
|
|
}
|
2014-05-29 23:47:52 +08:00
|
|
|
parseSort();
|
2019-03-20 00:16:31 +08:00
|
|
|
parseFilter($_REQUEST['filter']);
|
2014-05-29 23:47:52 +08:00
|
|
|
$filterQuery = $_REQUEST['filter']['query'];
|
|
|
|
|
|
|
|
$connkey = generateConnKey();
|
|
|
|
|
|
|
|
$focusWindow = true;
|
|
|
|
|
2018-09-11 03:09:08 +08:00
|
|
|
$popup = (isset($_REQUEST['popup']) && ($_REQUEST['popup'] == 1));
|
2017-12-06 00:30:58 +08:00
|
|
|
|
2019-03-20 00:16:31 +08:00
|
|
|
xhtmlHeaders(__FILE__, translate('Event'));
|
2014-05-29 23:47:52 +08:00
|
|
|
?>
|
|
|
|
<body>
|
2008-07-14 21:54:50 +08:00
|
|
|
<div id="page">
|
2017-12-06 01:51:07 +08:00
|
|
|
<?php if ( !$popup ) echo getNavBarHTML() ?>
|
2017-11-28 21:30:06 +08:00
|
|
|
<div id="header">
|
2016-10-13 03:39:32 +08:00
|
|
|
<?php
|
2020-02-26 00:17:46 +08:00
|
|
|
if ( !$Event->Id() ) {
|
2016-10-13 03:39:32 +08:00
|
|
|
echo 'Event was not found.';
|
|
|
|
} else {
|
2020-08-18 00:56:20 +08:00
|
|
|
if ( !file_exists($Event->Path()) ) {
|
|
|
|
echo '<div class="error">Event was not found at '.$Event->Path().'. It is unlikely that playback will be possible.</div>';
|
|
|
|
}
|
2016-10-13 03:39:32 +08:00
|
|
|
?>
|
2008-07-14 21:54:50 +08:00
|
|
|
<div id="dataBar">
|
2017-11-28 21:30:06 +08:00
|
|
|
<span id="dataId" title="<?php echo translate('Id') ?>"><?php echo $Event->Id() ?></span>
|
2020-04-10 23:05:12 +08:00
|
|
|
<span id="dataMonitor" title="<?php echo translate('Monitor') ?>"><?php echo $Monitor->Id().' '.validHtmlStr($Monitor->Name()) ?></span>
|
2017-11-28 21:30:06 +08:00
|
|
|
<span id="dataCause" title="<?php echo $Event->Notes()?validHtmlStr($Event->Notes()):translate('AttrCause') ?>"><?php echo validHtmlStr($Event->Cause()) ?></span>
|
2020-04-10 23:05:12 +08:00
|
|
|
<span id="dataTime" title="<?php echo translate('Time') ?>"><?php echo strftime(STRF_FMT_DATETIME_SHORT, strtotime($Event->StartTime())) ?></span>
|
2017-11-28 21:30:06 +08:00
|
|
|
<span id="dataDuration" title="<?php echo translate('Duration') ?>"><?php echo $Event->Length().'s' ?></span>
|
2019-05-24 21:31:48 +08:00
|
|
|
<span id="dataFrames" title="<?php echo translate('AttrFrames').'/'.translate('AttrAlarmFrames') ?>"><?php echo $Event->Frames() ?>/<?php echo $Event->AlarmFrames() ?></span>
|
|
|
|
<span id="dataScore" title="<?php echo translate('AttrTotalScore').'/'.translate('AttrAvgScore').'/'.translate('AttrMaxScore') ?>"><?php echo $Event->TotScore() ?>/<?php echo $Event->AvgScore() ?>/<?php echo $Event->MaxScore() ?></span>
|
2019-07-24 23:26:07 +08:00
|
|
|
<span id="Storage">
|
|
|
|
<?php echo
|
2020-04-10 23:05:12 +08:00
|
|
|
human_filesize($Event->DiskSpace(null)) . ' on ' . validHtmlStr($Event->Storage()->Name()).
|
|
|
|
( $Event->SecondaryStorageId() ? ', '.validHtmlStr($Event->SecondaryStorage()->Name()) : '' )
|
2019-07-24 23:26:07 +08:00
|
|
|
?></span>
|
2020-08-18 00:56:20 +08:00
|
|
|
<div id="closeWindow"><a href="#" data-on-click="<?php echo $popup ? 'window.close()' : 'window.history.back();return false;' ?>"><?php echo $popup ? translate('Close') : translate('Back') ?></a></div>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
|
|
|
<div id="menuBar1">
|
2017-05-20 00:24:59 +08:00
|
|
|
<div id="nameControl">
|
|
|
|
<input type="text" id="eventName" name="eventName" value="<?php echo validHtmlStr($Event->Name()) ?>" />
|
2019-01-16 22:59:58 +08:00
|
|
|
<button value="Rename" type="button" data-on-click="renameEvent"<?php if ( !canEdit('Events') ) { ?> disabled="disabled"<?php } ?>>
|
2017-12-06 00:30:58 +08:00
|
|
|
<?php echo translate('Rename') ?></button>
|
2017-05-20 00:24:59 +08:00
|
|
|
</div>
|
2014-05-29 23:47:52 +08:00
|
|
|
<?php
|
2017-09-28 05:32:42 +08:00
|
|
|
if ( canEdit('Events') ) {
|
2014-05-29 23:47:52 +08:00
|
|
|
?>
|
2019-05-24 21:31:48 +08:00
|
|
|
<div id="deleteEvent"><button type="button" data-on-click="deleteEvent" <?php echo $Event->can_delete() ? '' : ' disabled="disabled" title="'.$Event->cant_delete_reason().'"' ?>><?php echo translate('Delete') ?></button></div>
|
2019-01-16 22:59:58 +08:00
|
|
|
<div id="editEvent"><button type="button" data-on-click="editEvent"><?php echo translate('Edit') ?></button></div>
|
2019-08-28 03:19:38 +08:00
|
|
|
<div id="archiveEvent"<?php echo $Event->Archived() == 1 ? ' class="hidden"' : '' ?>><button type="button" data-on-click="archiveEvent"><?php echo translate('Archive') ?></button></div>
|
|
|
|
<div id="unarchiveEvent"<?php echo $Event->Archived() == 0 ? ' class="hidden"' : '' ?>><button type="button" data-on-click="unarchiveEvent"><?php echo translate('Unarchive') ?></button></div>
|
2014-05-29 23:47:52 +08:00
|
|
|
<?php
|
2017-10-29 10:34:12 +08:00
|
|
|
} // end if can edit Events
|
2014-05-29 23:47:52 +08:00
|
|
|
?>
|
2019-01-16 22:59:58 +08:00
|
|
|
<div id="framesEvent"><button type="button" data-on-click="showEventFrames"><?php echo translate('Frames') ?></button></div>
|
|
|
|
<div id="streamEvent" class="hidden"><button data-on-click="showStream"><?php echo translate('Stream') ?></button></div>
|
|
|
|
<div id="stillsEvent"><button type="button" data-on-click="showStills"><?php echo translate('Stills') ?></button></div>
|
2014-05-29 23:47:52 +08:00
|
|
|
<?php
|
2017-11-15 12:04:05 +08:00
|
|
|
if ( $Event->DefaultVideo() ) {
|
2014-05-29 23:47:52 +08:00
|
|
|
?>
|
2019-12-03 04:34:31 +08:00
|
|
|
<div id="downloadEventFile"><a class="btn-primary" href="<?php echo $Event->getStreamSrc(array('mode'=>'mp4'),'&')?>" download>Download MP4</a></div>
|
2014-05-29 23:47:52 +08:00
|
|
|
<?php
|
2017-10-29 10:34:12 +08:00
|
|
|
} else {
|
2014-05-29 23:47:52 +08:00
|
|
|
?>
|
2019-01-16 22:59:58 +08:00
|
|
|
<div id="videoEvent"><button type="button" data-on-click="videoEvent"><?php echo translate('Video') ?></button></div>
|
2017-10-29 10:34:12 +08:00
|
|
|
<?php
|
|
|
|
} // end if Event->DefaultVideo
|
|
|
|
?>
|
2019-01-16 22:59:58 +08:00
|
|
|
<div id="exportEvent"><button type="button" data-on-click="exportEvent"><?php echo translate('Export') ?></button></div>
|
2019-10-16 03:04:14 +08:00
|
|
|
<div id="replayControl">
|
|
|
|
<label for="replayMode"><?php echo translate('Replay') ?></label>
|
|
|
|
<?php echo htmlSelect('replayMode', $replayModes, $replayMode, array('data-on-change'=>'changeReplayMode')); ?>
|
|
|
|
</div>
|
|
|
|
<div id="scaleControl">
|
|
|
|
<label for="scale"><?php echo translate('Scale') ?></label>
|
|
|
|
<?php echo htmlSelect('scale', $scales, $scale, array('data-on-change'=>'changeScale')); ?>
|
|
|
|
</div>
|
|
|
|
<div id="codecControl">
|
|
|
|
<label for="codec"><?php echo translate('Codec') ?></label>
|
2019-10-19 01:40:29 +08:00
|
|
|
<?php echo htmlSelect('codec', $codecs, $codec, array('data-on-change'=>'changeCodec')); ?>
|
2019-10-16 03:04:14 +08:00
|
|
|
</div>
|
2016-04-30 20:27:10 +08:00
|
|
|
</div>
|
2019-10-16 03:04:14 +08:00
|
|
|
</div>
|
2017-11-28 21:30:06 +08:00
|
|
|
<div id="content">
|
2019-10-16 03:04:14 +08:00
|
|
|
<div id="eventVideo">
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2019-03-20 00:16:31 +08:00
|
|
|
if ( ($codec == 'MP4' || $codec == 'auto' ) && $Event->DefaultVideo() ) {
|
2014-05-12 06:08:23 +08:00
|
|
|
?>
|
2016-04-30 20:27:10 +08:00
|
|
|
<div id="videoFeed">
|
2019-12-03 04:34:31 +08:00
|
|
|
<video id="videoobj" class="video-js vjs-default-skin"
|
2020-02-26 00:17:46 +08:00
|
|
|
style="transform: matrix(1, 0, 0, 1, 0, 0);"
|
|
|
|
<?php echo $scale ? 'width="'.reScale($Event->Width(), $scale).'"' : '' ?>
|
|
|
|
<?php echo $scale ? 'height="'.reScale($Event->Height(), $scale).'"' : '' ?>
|
2019-12-03 04:34:31 +08:00
|
|
|
data-setup='{ "controls": true, "autoplay": true, "preload": "auto", "plugins": { "zoomrotate": { "zoom": "<?php echo $Zoom ?>"}}}'
|
|
|
|
>
|
|
|
|
<source src="<?php echo $Event->getStreamSrc(array('mode'=>'mpeg','format'=>'h264'),'&'); ?>" type="video/mp4">
|
|
|
|
<track id="monitorCaption" kind="captions" label="English" srclang="en" src='data:plain/text;charset=utf-8,"WEBVTT\n\n 00:00:00.000 --> 00:00:01.000 ZoneMinder"' default/>
|
2016-04-30 20:27:10 +08:00
|
|
|
Your browser does not support the video tag.
|
|
|
|
</video>
|
2017-11-15 12:04:05 +08:00
|
|
|
</div><!--videoFeed-->
|
2014-05-12 06:08:23 +08:00
|
|
|
<?php
|
2018-09-11 00:22:55 +08:00
|
|
|
} else {
|
2015-02-16 16:43:13 +08:00
|
|
|
?>
|
2017-10-05 23:20:42 +08:00
|
|
|
<div id="imageFeed">
|
2015-02-16 16:43:13 +08:00
|
|
|
<?php
|
2020-02-26 00:17:46 +08:00
|
|
|
if ( (ZM_WEB_STREAM_METHOD == 'mpeg') && ZM_MPEG_LIVE_FORMAT ) {
|
2019-12-03 04:34:31 +08:00
|
|
|
$streamSrc = $Event->getStreamSrc(array('mode'=>'mpeg', 'scale'=>$scale, 'rate'=>$rate, 'bitrate'=>ZM_WEB_VIDEO_BITRATE, 'maxfps'=>ZM_WEB_VIDEO_MAXFPS, 'format'=>ZM_MPEG_REPLAY_FORMAT, 'replay'=>$replayMode),'&');
|
2019-03-22 02:14:45 +08:00
|
|
|
outputVideoStream('evtStream', $streamSrc, reScale( $Event->Width(), $scale ).'px', reScale( $Event->Height(), $scale ).'px', ZM_MPEG_LIVE_FORMAT );
|
2016-09-29 21:28:48 +08:00
|
|
|
} else {
|
2019-12-03 04:34:31 +08:00
|
|
|
$streamSrc = $Event->getStreamSrc(array('mode'=>'jpeg', 'frame'=>$fid, 'scale'=>$scale, 'rate'=>$rate, 'maxfps'=>ZM_WEB_VIDEO_MAXFPS, 'replay'=>$replayMode),'&');
|
2017-05-19 02:55:53 +08:00
|
|
|
if ( canStreamNative() ) {
|
2019-03-22 02:14:45 +08:00
|
|
|
outputImageStream('evtStream', $streamSrc, reScale($Event->Width(), $scale).'px', reScale($Event->Height(), $scale).'px', validHtmlStr($Event->Name()));
|
2017-05-19 02:55:53 +08:00
|
|
|
} else {
|
2019-03-22 02:14:45 +08:00
|
|
|
outputHelperStream('evtStream', $streamSrc, reScale($Event->Width(), $scale).'px', reScale($Event->Height(), $scale).'px' );
|
2017-05-19 02:55:53 +08:00
|
|
|
}
|
2016-10-12 21:17:57 +08:00
|
|
|
} // end if stream method
|
2014-05-29 23:47:52 +08:00
|
|
|
?>
|
2017-11-24 05:24:57 +08:00
|
|
|
<div id="alarmCue" class="alarmCue"></div>
|
2017-10-13 20:58:07 +08:00
|
|
|
<div id="progressBar" style="width: <?php echo reScale($Event->Width(), $scale);?>px;">
|
|
|
|
<div class="progressBox" id="progressBox" title="" style="width: 0%;"></div>
|
|
|
|
</div><!--progressBar-->
|
2017-11-15 12:04:05 +08:00
|
|
|
</div><!--imageFeed-->
|
|
|
|
<?php } /*end if !DefaultVideo*/ ?>
|
2017-11-18 01:46:08 +08:00
|
|
|
<p id="dvrControls">
|
2019-09-27 04:26:37 +08:00
|
|
|
<button type="button" id="prevBtn" title="<?php echo translate('Prev') ?>" class="inactive" data-on-click-true="streamPrev">
|
|
|
|
<i class="material-icons md-18">skip_previous</i>
|
|
|
|
</button>
|
|
|
|
<button type="button" id="fastRevBtn" title="<?php echo translate('Rewind') ?>" class="inactive" data-on-click-true="streamFastRev">
|
|
|
|
<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="streamSlowRev">
|
|
|
|
<i class="material-icons md-18">chevron_left</i>
|
|
|
|
</button>
|
|
|
|
<button type="button" id="pauseBtn" title="<?php echo translate('Pause') ?>" class="inactive" data-on-click="pauseClicked">
|
|
|
|
<i class="material-icons md-18">pause</i>
|
|
|
|
</button>
|
|
|
|
<button type="button" id="playBtn" title="<?php echo translate('Play') ?>" class="active" disabled="disabled" data-on-click="playClicked">
|
|
|
|
<i class="material-icons md-18">play_arrow</i>
|
|
|
|
</button>
|
|
|
|
<button type="button" id="slowFwdBtn" title="<?php echo translate('StepForward') ?>" class="unavail" disabled="disabled" data-on-click-true="streamSlowFwd">
|
|
|
|
<i class="material-icons md-18">chevron_right</i>
|
|
|
|
</button>
|
|
|
|
<button type="button" id="fastFwdBtn" title="<?php echo translate('FastForward') ?>" class="inactive" data-on-click-true="streamFastFwd">
|
|
|
|
<i class="material-icons md-18">fast_forward</i>
|
|
|
|
</button>
|
|
|
|
<button type="button" id="zoomOutBtn" title="<?php echo translate('ZoomOut') ?>" class="unavail" disabled="disabled" data-on-click="streamZoomOut">
|
|
|
|
<i class="material-icons md-18">zoom_out</i>
|
|
|
|
</button>
|
|
|
|
<button type="button" id="nextBtn" title="<?php echo translate('Next') ?>" class="inactive" data-on-click-true="streamNext">
|
|
|
|
<i class="material-icons md-18">skip_next</i>
|
|
|
|
</button>
|
2008-07-14 21:54:50 +08:00
|
|
|
</p>
|
|
|
|
<div id="replayStatus">
|
2017-11-11 23:53:36 +08:00
|
|
|
<span id="mode"><?php echo translate('Mode') ?>: <span id="modeValue">Replay</span></span>
|
2019-12-21 00:02:12 +08:00
|
|
|
<span id="rate"><?php echo translate('Rate') ?>:
|
|
|
|
<?php
|
2020-01-08 03:49:58 +08:00
|
|
|
$rates = array( -800=>'-8x', -400=>'-4x', -200=>'-2x', -100=>'-1x', 0=>translate('Stop'), 100 => '1x', 200=>'2x', 400=>'4x', 800=>'8x' );
|
|
|
|
echo htmlSelect('rate', $rates, intval($rate), array('id'=>'rateValue'));
|
2019-12-21 00:02:12 +08:00
|
|
|
?>
|
|
|
|
<!--<span id="rateValue"><?php echo $rate/100 ?></span>x</span>-->
|
2017-11-15 12:04:05 +08:00
|
|
|
<span id="progress"><?php echo translate('Progress') ?>: <span id="progressValue">0</span>s</span>
|
2017-11-11 23:53:36 +08:00
|
|
|
<span id="zoom"><?php echo translate('Zoom') ?>: <span id="zoomValue">1</span>x</span>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
2017-11-15 12:04:05 +08:00
|
|
|
</div><!--eventVideo-->
|
2008-07-14 21:54:50 +08:00
|
|
|
<div id="eventStills" class="hidden">
|
|
|
|
<div id="eventThumbsPanel">
|
|
|
|
<div id="eventThumbs">
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-06-10 21:09:30 +08:00
|
|
|
<div id="eventImagePanel">
|
2008-07-14 21:54:50 +08:00
|
|
|
<div id="eventImageFrame">
|
2017-09-10 23:49:53 +08:00
|
|
|
<img id="eventImage" src="graphics/transparent.png" alt=""/>
|
2008-07-14 21:54:50 +08:00
|
|
|
<div id="eventImageBar">
|
2019-01-16 22:59:58 +08:00
|
|
|
<div id="eventImageClose"><button type="button" data-on-click="hideEventImage"><?php echo translate('Close') ?></button></div>
|
|
|
|
<div id="eventImageStats" class="hidden"><button type="button" data-on-click="showFrameStats"><?php echo translate('Stats') ?></button></div>
|
2015-05-10 21:10:30 +08:00
|
|
|
<div id="eventImageData"><?php echo translate('Frame') ?> <span id="eventImageNo"></span></div>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="eventImageNav">
|
2017-11-25 10:07:46 +08:00
|
|
|
<div id="thumbsSliderPanel">
|
|
|
|
<div id="alarmCue" class="alarmCue"></div>
|
|
|
|
<div id="thumbsSlider">
|
|
|
|
<div id="thumbsKnob">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2008-07-14 21:54:50 +08:00
|
|
|
<div id="eventImageButtons">
|
|
|
|
<div id="prevButtonsPanel">
|
2019-09-27 04:26:37 +08:00
|
|
|
<button id="prevEventBtn" type="button" data-on-click="prevEvent" disabled="disabled"><E</button>
|
|
|
|
<button id="prevThumbsBtn" type="button" data-on-click="prevThumbs" disabled="disabled"><<</button>
|
|
|
|
<button id="prevImageBtn" type="button" data-on-click="prevImage" disabled="disabled"><</button>
|
|
|
|
<button id="nextImageBtn" type="button" data-on-click="nextImage" disabled="disabled">></button>
|
|
|
|
<button id="nextThumbsBtn" type="button" data-on-click="nextThumbs" disabled="disabled">>></button>
|
|
|
|
<button id="nextEventBtn" type="button" data-on-click="nextEvent" disabled="disabled">E></button>
|
2008-07-14 21:54:50 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-04-14 00:41:21 +08:00
|
|
|
<?php
|
2016-10-13 03:39:32 +08:00
|
|
|
} // end if Event exists
|
2015-04-14 00:41:21 +08:00
|
|
|
?>
|
2017-11-15 12:04:05 +08:00
|
|
|
</div><!--content-->
|
2016-10-13 03:39:32 +08:00
|
|
|
</div><!--page-->
|
2014-05-29 23:47:52 +08:00
|
|
|
</body>
|
2008-07-14 21:54:50 +08:00
|
|
|
</html>
|