Commit 397e0c4a27c231e40cbc48b657cbd9fc88bc7ebb
Merge remote-tracking branch 'origin/master' into wvp-28181-2.0
Showing
2 changed files
with
19 additions
and
5 deletions
src/main/resources/application.yml
web_src/src/components/gb28181/devicePlayer.vue
| @@ -64,9 +64,13 @@ | @@ -64,9 +64,13 @@ | ||
| 64 | <div class="control-round"> | 64 | <div class="control-round"> |
| 65 | <div class="control-round-inner"><i class="fa fa-pause-circle"></i></div> | 65 | <div class="control-round-inner"><i class="fa fa-pause-circle"></i></div> |
| 66 | </div> | 66 | </div> |
| 67 | - <div style="position: absolute; left: 7.25rem; top: 1.25rem" @mousedown="ptzCamera(0, 0, 1)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-in" style="font-size: 1.875rem;"></i></div> | ||
| 68 | - <div style="position: absolute; left: 7.25rem; top: 3.25rem; font-size: 1.875rem;" @mousedown="ptzCamera(0, 0, 2)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-out"></i></div> | 67 | + <div style="position: absolute; left: 7.25rem; top: 1.25rem" @mousedown="ptzCamera(0, 0, 1)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-in control-zoom-btn" style="font-size: 1.875rem;"></i></div> |
| 68 | + <div style="position: absolute; left: 7.25rem; top: 3.25rem; font-size: 1.875rem;" @mousedown="ptzCamera(0, 0, 2)" @mouseup="ptzCamera(0, 0, 0)"><i class="el-icon-zoom-out control-zoom-btn"></i></div> | ||
| 69 | + <div class="contro-speed" style="position: absolute; left: 4px; top: 7rem; width: 9rem;"> | ||
| 70 | + <el-slider v-model="controSpeed"></el-slider> | ||
| 71 | + </div> | ||
| 69 | </div> | 72 | </div> |
| 73 | + | ||
| 70 | <div class="control-panel"> | 74 | <div class="control-panel"> |
| 71 | <el-button-group> | 75 | <el-button-group> |
| 72 | <el-tag style="position :absolute; left: 0rem; top: 0rem; width: 5rem; text-align: center" size="medium" type="info">预置位编号</el-tag> | 76 | <el-tag style="position :absolute; left: 0rem; top: 0rem; width: 5rem; text-align: center" size="medium" type="info">预置位编号</el-tag> |
| @@ -167,6 +171,7 @@ export default { | @@ -167,6 +171,7 @@ export default { | ||
| 167 | loadingRecords: false, | 171 | loadingRecords: false, |
| 168 | recordsLoading: false, | 172 | recordsLoading: false, |
| 169 | isLoging: false, | 173 | isLoging: false, |
| 174 | + controSpeed: 30, | ||
| 170 | timeVal: 0, | 175 | timeVal: 0, |
| 171 | timeMin: 0, | 176 | timeMin: 0, |
| 172 | timeMax: 1440, | 177 | timeMax: 1440, |
| @@ -399,7 +404,7 @@ export default { | @@ -399,7 +404,7 @@ export default { | ||
| 399 | method: 'post', | 404 | method: 'post', |
| 400 | // url: '/api/ptz/' + this.deviceId + '/' + this.channelId + '?leftRight=' + leftRight + '&upDown=' + upDown + | 405 | // url: '/api/ptz/' + this.deviceId + '/' + this.channelId + '?leftRight=' + leftRight + '&upDown=' + upDown + |
| 401 | // '&inOut=' + zoom + '&moveSpeed=50&zoomSpeed=50' | 406 | // '&inOut=' + zoom + '&moveSpeed=50&zoomSpeed=50' |
| 402 | - url: '/api/ptz/' + this.deviceId + '/' + this.channelId + '?cmdCode=' + (zoom * 16 + upDown * 4 + leftRight) + '&horizonSpeed=30&verticalSpeed=30&zoomSpeed=' + (2 * 16) | 407 | + url: '/api/ptz/' + this.deviceId + '/' + this.channelId + '?cmdCode=' + (zoom * 16 + upDown * 4 + leftRight) + '&horizonSpeed=' + this.controSpeed + '&verticalSpeed=' + this.controSpeed + '&zoomSpeed=' + this.controSpeed |
| 403 | }).then(function (res) {}); | 408 | }).then(function (res) {}); |
| 404 | }, | 409 | }, |
| 405 | //////////////////////播放器事件处理////////////////////////// | 410 | //////////////////////播放器事件处理////////////////////////// |
| @@ -490,7 +495,7 @@ export default { | @@ -490,7 +495,7 @@ export default { | ||
| 490 | max-width: 6.25rem; | 495 | max-width: 6.25rem; |
| 491 | max-height: 6.25rem; | 496 | max-height: 6.25rem; |
| 492 | border-radius: 100%; | 497 | border-radius: 100%; |
| 493 | - margin-top: 2.5rem; | 498 | + margin-top: 1.5rem; |
| 494 | margin-left: 0.5rem; | 499 | margin-left: 0.5rem; |
| 495 | float: left; | 500 | float: left; |
| 496 | } | 501 | } |
| @@ -514,6 +519,9 @@ export default { | @@ -514,6 +519,9 @@ export default { | ||
| 514 | box-sizing: border-box; | 519 | box-sizing: border-box; |
| 515 | transition: all 0.3s linear; | 520 | transition: all 0.3s linear; |
| 516 | } | 521 | } |
| 522 | +.control-btn:hover { | ||
| 523 | + cursor:pointer | ||
| 524 | +} | ||
| 517 | 525 | ||
| 518 | .control-btn i { | 526 | .control-btn i { |
| 519 | font-size: 20px; | 527 | font-size: 20px; |
| @@ -522,6 +530,12 @@ export default { | @@ -522,6 +530,12 @@ export default { | ||
| 522 | justify-content: center; | 530 | justify-content: center; |
| 523 | align-items: center; | 531 | align-items: center; |
| 524 | } | 532 | } |
| 533 | +.control-btn i:hover { | ||
| 534 | + cursor:pointer | ||
| 535 | +} | ||
| 536 | +.control-zoom-btn:hover { | ||
| 537 | + cursor:pointer | ||
| 538 | +} | ||
| 525 | 539 | ||
| 526 | .control-round { | 540 | .control-round { |
| 527 | position: absolute; | 541 | position: absolute; |