From a47a7ccb5475d288e64939fce5a0f35e55a9de53 Mon Sep 17 00:00:00 2001 From: Lawrence <1934378145@qq.com> Date: 星期一, 11 一月 2021 09:13:03 +0800 Subject: [PATCH] 修正个别错误 --- web_src/src/components/gb28181/devicePlayer.vue | 35 +++++++++++++++++++++++------------ 1 files changed, 23 insertions(+), 12 deletions(-) diff --git a/web_src/src/components/gb28181/devicePlayer.vue b/web_src/src/components/gb28181/devicePlayer.vue index 8442a82..c99ce79 100644 --- a/web_src/src/components/gb28181/devicePlayer.vue +++ b/web_src/src/components/gb28181/devicePlayer.vue @@ -64,9 +64,13 @@ <div class="control-round"> <div class="control-round-inner"><i class="fa fa-pause-circle"></i></div> </div> - <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> - <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> + <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> + <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> + <div class="contro-speed" style="position: absolute; left: 4px; top: 7rem; width: 9rem;"> + <el-slider v-model="controSpeed" :max="255"></el-slider> + </div> </div> + <div class="control-panel"> <el-button-group> <el-tag style="position :absolute; left: 0rem; top: 0rem; width: 5rem; text-align: center" size="medium" type="info">棰勭疆浣嶇紪鍙�</el-tag> @@ -158,7 +162,6 @@ searchHistoryResult: [] //濯掍綋娴佸巻鍙茶褰曟悳绱㈢粨鏋� }, showVideoDialog: false, - ssrc: '', streamId: '', convertKey: '', deviceId: '', @@ -168,6 +171,7 @@ loadingRecords: false, recordsLoading: false, isLoging: false, + controSpeed: 30, timeVal: 0, timeMin: 0, timeMax: 1440, @@ -210,7 +214,6 @@ this.tabActiveName = tab; this.channelId = channelId; this.deviceId = deviceId; - this.ssrc = ""; this.streamId = ""; this.videoUrl = "" if (!!this.$refs.videoPlayer) { @@ -238,7 +241,6 @@ this.hasaudio = hasAudio; this.isLoging = false; this.videoUrl = streamInfo.ws_flv; - this.ssrc = streamInfo.ssrc; this.streamId = streamInfo.streamId; this.playFromStreamInfo(false, streamInfo) }, @@ -248,7 +250,7 @@ this.$refs.videoPlayer.pause() that.$axios({ method: 'post', - url: '/api/play/' + that.ssrc + '/convert' + url: '/api/play/' + that.streamId + '/convert' }).then(function (res) { if (res.data.code == 0) { that.convertKey = res.data.key; @@ -368,9 +370,9 @@ }, playRecord: function (row) { let that = this; - if (that.ssrc != "") { + if (that.streamId != "") { that.stopPlayRecord(function () { - that.ssrc = "", + that.streamId = "", that.playRecord(row); }) } else { @@ -380,7 +382,7 @@ row.endTime }).then(function (res) { var streamInfo = res.data; - that.ssrc = streamInfo.ssrc; + that.streamId = streamInfo.streamId; that.videoUrl = streamInfo.ws_flv; }); } @@ -390,7 +392,7 @@ this.videoUrl = ''; this.$axios({ method: 'get', - url: '/api/playback/' + this.ssrc + '/stop' + url: '/api/playback/' + this.streamId + '/stop' }).then(function (res) { if (callback) callback() }); @@ -402,7 +404,7 @@ method: 'post', // url: '/api/ptz/' + this.deviceId + '/' + this.channelId + '?leftRight=' + leftRight + '&upDown=' + upDown + // '&inOut=' + zoom + '&moveSpeed=50&zoomSpeed=50' - url: '/api/ptz/' + this.deviceId + '/' + this.channelId + '?cmdCode=' + (zoom * 16 + upDown * 4 + leftRight) + '&horizonSpeed=30&verticalSpeed=30&zoomSpeed=' + (2 * 16) + url: '/api/ptz/' + this.deviceId + '/' + this.channelId + '?cmdCode=' + (zoom * 16 + upDown * 4 + leftRight) + '&horizonSpeed=' + this.controSpeed + '&verticalSpeed=' + this.controSpeed + '&zoomSpeed=' + this.controSpeed }).then(function (res) {}); }, //////////////////////鎾斁鍣ㄤ簨浠跺鐞�////////////////////////// @@ -493,7 +495,7 @@ max-width: 6.25rem; max-height: 6.25rem; border-radius: 100%; - margin-top: 2.5rem; + margin-top: 1.5rem; margin-left: 0.5rem; float: left; } @@ -517,6 +519,9 @@ box-sizing: border-box; transition: all 0.3s linear; } +.control-btn:hover { + cursor:pointer +} .control-btn i { font-size: 20px; @@ -525,6 +530,12 @@ justify-content: center; align-items: center; } +.control-btn i:hover { + cursor:pointer +} +.control-zoom-btn:hover { + cursor:pointer +} .control-round { position: absolute; -- Gitblit v1.8.0