thing-it-device-swann/web/camera.html

[thing-it-node] Device Plugin for Swann © products.

<div style="text-align: center; margin-bottom: 0.5em;">
    <div class="circleButton" style="display: inline-block" ng-click="panel.callDeviceService(component, 'tiltUp')">
        <div><i class="icon sl-arrow-57"></i></div>
    </div>
</div>
<div style="display: table-row; vertical-align: middle;">
    <div style="display: table-cell; text-align: center; width: 3em; padding-right: 0.5em;">
        <div class="circleButton" style="display: inline-block;" ng-click="panel.callDeviceService(component, 'panLeft')">
            <div><i class="icon sl-arrow-59"></i></div>
        </div>
    </div>
    <ti-video ti-snapshot-image="panel.getNodeRootUrl() + component._state.snapshotImage"
              ti-video-stream="panel.getNodeRootUrl() + '/devices/' + component.id + '/streams/video'"></ti-video>
    <div style="display: table-cell; text-align: center; width: 3em; padding-left: 0.5em;">
        <div class="circleButton" style="display: inline-block;" ng-click="panel.callDeviceService(component, 'panRight')">
            <div><i class="icon sl-arrow-60"></i></div>
        </div>
    </div>
</div>
<div style="text-align: center; margin-top: 0.5em;">
    <div class="circleButton" style="display: inline-block" ng-click="panel.callDeviceService(component, 'tiltDown')">
        <div><i class="icon sl-arrow-58"></i></div>
    </div>
</div>