|
|
|
@ -8,28 +8,24 @@
|
|
|
|
|
<video :class="device.number" v-if="flvjs.isSupported()"></video>
|
|
|
|
|
<canvas :class="device.number" v-else></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="ptz" :class="'row ptz '+ device.number" style="box-sizing:border-box; width:320px;height:140px;margin:5px auto;" >
|
|
|
|
|
<div :class="'row ptz '+ device.number" style="box-sizing:border-box; width:320px;height:140px;margin:5px auto;" >
|
|
|
|
|
<table class="ptz" style="width:100%;height:100%;">
|
|
|
|
|
<tr>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td><img v-onclick="execApi(device.number,'/Camera/Up')" src="/IoTCenter/images/up.png" /></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td colspan="2" style="text-align:center;"><button class="weui-btn weui-btn_mini weui-btn_default" v-on:click="execApi(model.number,'/Onvif/StartRecord')">启动推流</button></td>
|
|
|
|
|
<td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Up')" src="/IoTCenter/images/up.png" /></td>
|
|
|
|
|
<td colspan="2" style="text-align:center;"><button class="weui-btn weui-btn_mini weui-btn_default" v-on:click="execApi(model.number,'/Onvif/StopRecord')">停止推流</button></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><img v-onclick="execApi(device.number,'/Camera/Zoomin')" src="/IoTCenter/images/zoomin.png" /></td>
|
|
|
|
|
<td><img v-onclick="execApi(device.number,'/Camera/Left')" src="/IoTCenter/images/left.png" /></td>
|
|
|
|
|
<td><img v-onclick="execApi(device.number,'/Camera/Stop')" src="/IoTCenter/images/stop.png" /></td>
|
|
|
|
|
<td><img v-onclick="execApi(device.number,'/Camera/Right')" src="/IoTCenter/images/right.png" /></td>
|
|
|
|
|
<td><img v-onclick="execApi(device.number,'/Camera/Zoomout')" src="/IoTCenter/images/zoomout.png" /></td>
|
|
|
|
|
<td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Zoomin')" src="/IoTCenter/images/zoomin.png" /></td>
|
|
|
|
|
<td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Left')" src="/IoTCenter/images/left.png" /></td>
|
|
|
|
|
<td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Stop')" src="/IoTCenter/images/stop.png" /></td>
|
|
|
|
|
<td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Right')" src="/IoTCenter/images/right.png" /></td>
|
|
|
|
|
<td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Zoomout')" src="/IoTCenter/images/zoomout.png" /></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td><img v-onclick="execApi(device.number,'/Camera/Down')" src="/IoTCenter/images/down.png" /></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td colspan="2" style="text-align:center;"><button class="weui-btn weui-btn_mini weui-btn_default" v-on:click="execApi(model.number,'/Onvif/StartPush')">开始录像</button></td>
|
|
|
|
|
<td><img v-if="ptz" v-on:click="execApi(device.number,'/Camera/Down')" src="/IoTCenter/images/down.png" /></td>
|
|
|
|
|
<td colspan="2" style="text-align:center;"><button class="weui-btn weui-btn_mini weui-btn_default" v-on:click="execApi(model.number,'/Onvif/StopPush')">停止录像</button></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|