hal/plugins/hal-nvr/resources/web/camera_monitor.tmpl

44 lines
No EOL
1.5 KiB
Cheetah

<style>
.monitor-view {
width: 100%;
height: 740px;
}
</style>
<table class="monitor-view">
<tr>
<td>
<video id="view1" class="video-js vjs-fill" preload="auto" data-setup='{}' controls autoplay muted >
<source src="{{camera1.getPlaylistRelativeUrl()}}">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video.</a>
</p>
</video>
</td>
<td>
<video id="view2" class="video-js vjs-fill" preload="auto" data-setup='{}' controls autoplay muted >
<source src="{{camera2.getPlaylistRelativeUrl()}}">
</video>
</td>
</tr>
<tr>
<td>
<video id="view3" class="video-js vjs-fill" preload="auto" data-setup='{}' controls autoplay muted >
<source src="{{camera3.getPlaylistRelativeUrl()}}">
</video>
</td>
<td>
<video id="view4" class="video-js vjs-fill" preload="auto" data-setup='{}' controls autoplay muted >
<source src="{{camera4.getPlaylistRelativeUrl()}}">
</video>
</td>
</tr>
</table>
<link href="css/lib/video-js.min.css" rel="stylesheet">
<script src="js/lib/video.min.js"></script>
<script src="js/lib/videojs-http-streaming.min.js"></script>