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
2008-07-14 21:54:50 +08:00
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
2014-05-29 23:47:52 +08:00
//
if ( ! canView ( 'Events' ) )
{
2008-09-26 17:47:20 +08:00
$view = " error " ;
2008-07-14 21:54:50 +08:00
return ;
2014-05-29 23:47:52 +08:00
}
$eid = validInt ( $_REQUEST [ 'eid' ] );
$fid = ! empty ( $_REQUEST [ 'fid' ]) ? validInt ( $_REQUEST [ 'fid' ]) : 1 ;
2016-04-26 03:57:39 +08:00
$sql = 'SELECT E.*,M.Name AS MonitorName,E.Width,E.Height,M.DefaultRate,M.DefaultScale,M.VideoWriter,M.SaveJPEGs,M.Orientation,M.LabelFormat FROM Events AS E INNER JOIN Monitors AS M ON E.MonitorId = M.Id WHERE E.Id = ?' ;
2015-03-22 14:31:22 +08:00
$sql_values = array ( $eid );
2014-05-29 23:47:52 +08:00
2015-02-24 03:10:18 +08:00
if ( $user [ 'MonitorIds' ] ) {
2015-02-24 03:18:10 +08:00
$monitor_ids = explode ( ',' , $user [ 'MonitorIds' ] );
2015-02-24 03:10:18 +08:00
$sql .= ' AND MonitorId IN (' . implode ( ',' , array_fill ( 0 , count ( $monitor_ids ), '?' ) ) . ')' ;
$sql_values = array_merge ( $sql_values , $monitor_ids );
}
$event = dbFetchOne ( $sql , NULL , $sql_values );
2008-07-14 21:54:50 +08:00
2014-05-29 23:47:52 +08:00
if ( isset ( $_REQUEST [ 'rate' ] ) )
2008-09-26 17:47:20 +08:00
$rate = validInt ( $_REQUEST [ 'rate' ]);
2014-05-29 23:47:52 +08:00
else
2008-09-26 17:47:20 +08:00
$rate = reScale ( RATE_BASE , $event [ 'DefaultRate' ], ZM_WEB_DEFAULT_RATE );
2014-05-29 23:47:52 +08:00
if ( isset ( $_REQUEST [ 'scale' ] ) )
2008-09-26 17:47:20 +08:00
$scale = validInt ( $_REQUEST [ 'scale' ]);
2014-05-29 23:47:52 +08:00
else
2008-09-26 17:47:20 +08:00
$scale = reScale ( SCALE_BASE , $event [ 'DefaultScale' ], ZM_WEB_DEFAULT_SCALE );
2014-05-29 23:47:52 +08:00
$replayModes = array (
2015-05-10 21:10:30 +08:00
'single' => translate ( 'ReplaySingle' ),
'all' => translate ( 'ReplayAll' ),
'gapless' => translate ( 'ReplayGapless' ),
2014-05-29 23:47:52 +08:00
);
if ( isset ( $_REQUEST [ 'streamMode' ] ) )
2008-09-26 17:47:20 +08:00
$streamMode = validHtmlStr ( $_REQUEST [ 'streamMode' ]);
2014-05-29 23:47:52 +08:00
else
2016-04-01 23:35:38 +08:00
$streamMode = 'video' ;
2014-05-29 23:47:52 +08:00
if ( isset ( $_REQUEST [ 'replayMode' ] ) )
2008-09-26 17:47:20 +08:00
$replayMode = validHtmlStr ( $_REQUEST [ 'replayMode' ]);
2014-05-29 23:47:52 +08:00
if ( isset ( $_COOKIE [ 'replayMode' ]) && preg_match ( '#^[a-z]+$#' , $_COOKIE [ 'replayMode' ]) )
2010-11-03 23:49:46 +08:00
$replayMode = validHtmlStr ( $_COOKIE [ 'replayMode' ]);
2014-05-29 23:47:52 +08:00
else {
$keys = array_keys ( $replayModes );
$replayMode = array_shift ( $keys );
}
2015-04-14 00:41:21 +08:00
// videojs zoomrotate only when direct recording
$Zoom = 1 ;
$Rotation = 0 ;
if ( $event [ 'VideoWriter' ] == " 2 " ) {
2016-04-01 23:35:38 +08:00
# Passthrough
2015-04-14 00:41:21 +08:00
$Rotation = $event [ 'Orientation' ];
if ( in_array ( $event [ 'Orientation' ], array ( " 90 " , " 270 " )))
$Zoom = $event [ 'Height' ] / $event [ 'Width' ];
}
2014-05-29 23:47:52 +08:00
parseSort ();
parseFilter ( $_REQUEST [ 'filter' ] );
$filterQuery = $_REQUEST [ 'filter' ][ 'query' ];
$panelSections = 40 ;
$panelSectionWidth = ( int ) ceil ( reScale ( $event [ 'Width' ], $scale ) / $panelSections );
$panelWidth = ( $panelSections * $panelSectionWidth - 1 );
$connkey = generateConnKey ();
$focusWindow = true ;
2015-05-10 21:10:30 +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 " >
< div id = " content " >
< div id = " dataBar " >
< table id = " dataTable " class = " major " cellspacing = " 0 " >
< tr >
2015-05-10 21:10:30 +08:00
< td >< span id = " dataId " title = " <?php echo translate('Id') ?> " >< ? php echo $event [ 'Id' ] ?> </span></td>
< td >< span id = " dataCause " title = " <?php echo $event['Notes'] ?validHtmlStr( $event['Notes'] ):translate('AttrCause') ?> " >< ? php echo validHtmlStr ( $event [ 'Cause' ]) ?> </span></td>
< td >< span id = " dataTime " title = " <?php echo translate('Time') ?> " >< ? php echo strftime ( STRF_FMT_DATETIME_SHORT , strtotime ( $event [ 'StartTime' ] ) ) ?> </span></td>
< td >< span id = " dataDuration " title = " <?php echo translate('Duration') ?> " >< ? php echo $event [ 'Length' ] ?> </span>s</td>
< td >< span id = " dataFrames " title = " <?php echo translate('AttrFrames'). " / " .translate('AttrAlarmFrames') ?> " >< ? php echo $event [ 'Frames' ] ?> /<?php echo $event['AlarmFrames'] ?></span></td>
< td >< 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></td>
2008-07-14 21:54:50 +08:00
</ tr >
</ table >
</ div >
< div id = " menuBar1 " >
2015-05-10 21:10:30 +08:00
< div id = " scaleControl " >< label for = " scale " >< ? php echo translate ( 'Scale' ) ?> </label><?php echo buildSelect( "scale", $scales, "changeScale();" ); ?></div>
< div id = " replayControl " >< label for = " replayMode " >< ? php echo translate ( 'Replay' ) ?> </label><?php echo buildSelect( "replayMode", $replayModes, "changeReplayMode();" ); ?></div>
< div id = " nameControl " >< input type = " text " id = " eventName " name = " eventName " value = " <?php echo validHtmlStr( $event['Name'] ) ?> " size = " 16 " />< input type = " button " value = " <?php echo translate('Rename') ?> " onclick = " renameEvent() " < ? php if ( ! canEdit ( 'Events' ) ) { ?> disabled="disabled"<?php } ?>/></div>
2008-07-14 21:54:50 +08:00
</ div >
< div id = " menuBar2 " >
2015-05-10 21:10:30 +08:00
< div id = " closeWindow " >< a href = " # " onclick = " closeWindow(); " >< ? php echo translate ( 'Close' ) ?> </a></div>
2014-05-29 23:47:52 +08:00
< ? php
if ( canEdit ( 'Events' ) )
{
?>
2015-05-10 21:10:30 +08:00
< div id = " deleteEvent " >< a href = " # " onclick = " deleteEvent() " >< ? php echo translate ( 'Delete' ) ?> </a></div>
< div id = " editEvent " >< a href = " # " onclick = " editEvent() " >< ? php echo translate ( 'Edit' ) ?> </a></div>
2015-06-10 21:09:30 +08:00
< div id = " archiveEvent " class = " hidden " >< a href = " # " onclick = " archiveEvent() " >< ? php echo translate ( 'Archive' ) ?> </a></div>
< div id = " unarchiveEvent " class = " hidden " >< a href = " # " onclick = " unarchiveEvent() " >< ? php echo translate ( 'Unarchive' ) ?> </a></div>
2014-05-29 23:47:52 +08:00
< ? php
}
2008-07-14 21:54:50 +08:00
if ( canView ( 'Events' ) )
{
2014-05-29 23:47:52 +08:00
?>
2015-06-10 21:09:30 +08:00
< div id = " framesEvent " >< a href = " # " onclick = " showEventFrames() " >< ? php echo translate ( 'Frames' ) ?> </a></div>
2014-05-29 23:47:52 +08:00
< ? php
2015-02-16 16:43:13 +08:00
if ( $event [ 'SaveJPEGs' ] & 3 )
2014-05-29 23:47:52 +08:00
{
?>
2015-06-10 21:09:30 +08:00
< div id = " stillsEvent " < ? php if ( $streamMode == 'still' ) { ?> class="hidden"<?php } ?>><a href="#" onclick="showStills()"><?php echo translate('Stills') ?></a></div>
2014-05-29 23:47:52 +08:00
< ? php
}
?>
2015-06-10 21:09:30 +08:00
< div id = " videoEvent " < ? php if ( $streamMode == 'video' ) { ?> class="hidden"<?php } ?>><a href="#" onclick="showVideo()"><?php echo translate('Video') ?></a></div>
< div id = " exportEvent " >< a href = " # " onclick = " exportEvent() " >< ? php echo translate ( 'Export' ) ?> </a></div>
2014-11-29 05:47:16 +08:00
</ div >
2015-02-16 16:43:13 +08:00
< div id = " eventVideo " class = " " >
< ? php
2015-10-25 13:20:08 +08:00
if ( $event [ 'DefaultVideo' ] )
2015-02-16 16:43:13 +08:00
{
2014-05-12 06:08:23 +08:00
?>
2015-02-16 16:43:13 +08:00
< div id = " videoFeed " >
2015-04-14 00:41:21 +08:00
< video id = " videoobj " class = " video-js vjs-default-skin " width = " <?php echo reScale( $event['Width'] , $scale ) ?> " height = " <?php echo reScale( $event['Height'] , $scale ) ?> " data - setup = '{ "controls": true, "playbackRates": [0.5, 1, 1.5, 2, 4, 8, 16, 32, 64, 128, 256], "autoplay": true, "preload": "auto", "plugins": { "zoomrotate": { "rotate": "<?php echo $Rotation ?>", "zoom": "<?php echo $Zoom ?>"}}}' >
2015-02-16 16:43:13 +08:00
< source src = " <?php echo getEventDefaultVideoPath( $event ) ?> " type = " video/mp4 " >
Your browser does not support the video tag .
</ video >
</ div >
2015-11-19 13:21:56 +08:00
<!-- script > includeVideoJs (); </ script -->
< link href = " //vjs.zencdn.net/4.11/video-js.css " rel = " stylesheet " >
< script src = " //vjs.zencdn.net/4.11/video.js " ></ script >
< script src = " ./js/videojs.zoomrotate.js " ></ script >
< script src = " //cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js " ></ script >
< script >
var LabelFormat = " <?php echo validJsStr( $event['LabelFormat'] )?> " ;
var monitorName = " <?php echo validJsStr( $event['MonitorName'] )?> " ;
var duration = < ? php echo $event [ 'Length' ] ?> , startTime = '<?php echo $event['StartTime'] ?>';
addVideoTimingTrack ( document . getElementById ( 'videoobj' ), LabelFormat , monitorName , duration , startTime );
</ script >
2014-05-12 06:08:23 +08:00
< ? php
2015-02-16 16:43:13 +08:00
}
else
{
?>
< div id = " imageFeed " >
< ? php
2014-05-29 23:47:52 +08:00
if ( ZM_WEB_STREAM_METHOD == 'mpeg' && ZM_MPEG_LIVE_FORMAT )
{
2008-09-26 17:47:20 +08:00
$streamSrc = getStreamSrc ( array ( " source=event " , " mode=mpeg " , " event= " . $eid , " frame= " . $fid , " scale= " . $scale , " rate= " . $rate , " bitrate= " . ZM_WEB_VIDEO_BITRATE , " maxfps= " . ZM_WEB_VIDEO_MAXFPS , " format= " . ZM_MPEG_REPLAY_FORMAT , " replay= " . $replayMode ) );
outputVideoStream ( " evtStream " , $streamSrc , reScale ( $event [ 'Width' ], $scale ), reScale ( $event [ 'Height' ], $scale ), ZM_MPEG_LIVE_FORMAT );
2014-05-29 23:47:52 +08:00
}
else
{
2008-09-26 17:47:20 +08:00
$streamSrc = getStreamSrc ( array ( " source=event " , " mode=jpeg " , " event= " . $eid , " frame= " . $fid , " scale= " . $scale , " rate= " . $rate , " maxfps= " . ZM_WEB_VIDEO_MAXFPS , " replay= " . $replayMode ) );
2008-07-14 21:54:50 +08:00
if ( canStreamNative () )
{
2008-09-26 17:47:20 +08:00
outputImageStream ( " evtStream " , $streamSrc , reScale ( $event [ 'Width' ], $scale ), reScale ( $event [ 'Height' ], $scale ), validHtmlStr ( $event [ 'Name' ]) );
2008-07-14 21:54:50 +08:00
}
else
{
2008-09-26 17:47:20 +08:00
outputHelperStream ( " evtStream " , $streamSrc , reScale ( $event [ 'Width' ], $scale ), reScale ( $event [ 'Height' ], $scale ) );
2008-07-14 21:54:50 +08:00
}
2014-05-29 23:47:52 +08:00
}
?>
2008-07-14 21:54:50 +08:00
</ div >
< p id = " dvrControls " >
2015-05-10 21:10:30 +08:00
< input type = " button " value = " <+ " id = " prevBtn " title = " <?php echo translate('Prev') ?> " class = " inactive " onclick = " streamPrev( true ) " />
< input type = " button " value = " << " id = " fastRevBtn " title = " <?php echo translate('Rewind') ?> " class = " inactive " disabled = " disabled " onclick = " streamFastRev( true ) " />
< input type = " button " value = " < " id = " slowRevBtn " title = " <?php echo translate('StepBack') ?> " class = " unavail " disabled = " disabled " onclick = " streamSlowRev( true ) " />
< input type = " button " value = " || " id = " pauseBtn " title = " <?php echo translate('Pause') ?> " class = " inactive " onclick = " streamPause( true ) " />
< input type = " button " value = " |> " id = " playBtn " title = " <?php echo translate('Play') ?> " class = " active " disabled = " disabled " onclick = " streamPlay( true ) " />
< input type = " button " value = " > " id = " slowFwdBtn " title = " <?php echo translate('StepForward') ?> " class = " unavail " disabled = " disabled " onclick = " streamSlowFwd( true ) " />
< input type = " button " value = " >> " id = " fastFwdBtn " title = " <?php echo translate('FastForward') ?> " class = " inactive " disabled = " disabled " onclick = " streamFastFwd( true ) " />
< input type = " button " value = " – " id = " zoomOutBtn " title = " <?php echo translate('ZoomOut') ?> " class = " avail " onclick = " streamZoomOut() " />
< input type = " button " value = " +> " id = " nextBtn " title = " <?php echo translate('Next') ?> " class = " inactive " onclick = " streamNext( true ) " />
2008-07-14 21:54:50 +08:00
</ p >
< div id = " replayStatus " >
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 = " progress " >< ? php echo translate ( 'Progress' ) ?> : <span id="progressValue"></span>s</span>
< span id = " zoom " >< ? php echo translate ( 'Zoom' ) ?> : <span id="zoomValue"></span>x</span>
2008-07-14 21:54:50 +08:00
</ div >
< div id = " progressBar " class = " invisible " >
2014-05-29 23:47:52 +08:00
< ? php
2008-07-14 21:54:50 +08:00
for ( $i = 0 ; $i < $panelSections ; $i ++ )
{
2014-05-29 23:47:52 +08:00
?>
2014-12-05 07:44:23 +08:00
< div class = " progressBox " id = " progressBox<?php echo $i ?> " title = " " ></ div >
2014-05-29 23:47:52 +08:00
< ? php
2008-07-14 21:54:50 +08:00
}
2015-02-16 16:43:13 +08:00
?>
2015-04-14 00:41:21 +08:00
</ div >
< ? php
}
?>
</ div >
</ div >
2015-02-16 16:43:13 +08:00
< ? php
if ( $event [ 'SaveJPEGs' ] & 3 )
{
?>
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 " >
< img id = " eventImage " src = " graphics/transparent.gif " alt = " " />
< div id = " eventImageBar " >
2015-05-10 21:10:30 +08:00
< div id = " eventImageClose " >< input type = " button " value = " <?php echo translate('Close') ?> " onclick = " hideEventImage() " /></ div >
< div id = " eventImageStats " class = " hidden " >< input type = " button " value = " <?php echo translate('Stats') ?> " onclick = " showFrameStats() " /></ div >
< 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 " >
< div id = " eventImageButtons " >
< div id = " prevButtonsPanel " >
< input id = " prevEventBtn " type = " button " value = " <E " onclick = " prevEvent() " disabled = " disabled " />
< input id = " prevThumbsBtn " type = " button " value = " << " onclick = " prevThumbs() " disabled = " disabled " />
< input id = " prevImageBtn " type = " button " value = " < " onclick = " prevImage() " disabled = " disabled " />
< input id = " nextImageBtn " type = " button " value = " > " onclick = " nextImage() " disabled = " disabled " />
< input id = " nextThumbsBtn " type = " button " value = " >> " onclick = " nextThumbs() " disabled = " disabled " />
< input id = " nextEventBtn " type = " button " value = " E> " onclick = " nextEvent() " disabled = " disabled " />
</ div >
</ div >
2009-05-08 19:21:28 +08:00
< div id = " thumbsSliderPanel " >
< div id = " thumbsSlider " >
2009-10-17 01:09:16 +08:00
< div id = " thumbsKnob " >
2009-05-08 19:21:28 +08:00
</ div >
2008-07-14 21:54:50 +08:00
</ div >
</ div >
</ div >
</ div >
2015-04-14 00:41:21 +08:00
< ? php
}
}
?>
2008-07-14 21:54:50 +08:00
</ div >
2014-05-29 23:47:52 +08:00
</ body >
2008-07-14 21:54:50 +08:00
</ html >
