diff --git a/web/src/styles/iconfont.scss b/web/src/styles/iconfont.scss index f9533d62b..646f3aa00 100644 --- a/web/src/styles/iconfont.scss +++ b/web/src/styles/iconfont.scss @@ -1,6 +1,6 @@ @font-face { font-family: "iconfont"; /* Project id 1291092 */ - src: url('iconfont.woff2?t=1758456390170') format('woff2'); + src: url('iconfont.woff2?t=1758456390170') format('woff2') } .iconfont { @@ -11,6 +11,34 @@ -moz-osx-font-smoothing: grayscale; } +.icon-a-bofangqi1:before { + content: "\ec17"; +} + +.icon-sanjiaoxing:before { + content: "\e7f1"; +} + +.icon-icon_gps:before { + content: "\e7f0"; +} + +.icon-yidingdaoweizhuangtai:before { + content: "\e7ef"; +} + +.icon-gps:before { + content: "\e8b6"; +} + +.icon-tongdao:before { + content: "\e7ee"; +} + +.icon-xiazailiebiao:before { + content: "\e7ed"; +} + .icon-zoom-in:before { content: "\e7eb"; } diff --git a/web/src/views/cloudRecord/cloudRecordPlayer.vue b/web/src/views/cloudRecord/cloudRecordPlayer.vue index 532a6b04b..b8920c3ca 100755 --- a/web/src/views/cloudRecord/cloudRecordPlayer.vue +++ b/web/src/views/cloudRecord/cloudRecordPlayer.vue @@ -26,6 +26,7 @@
+
@@ -54,6 +55,9 @@
+
+ H265web +
@@ -144,6 +148,9 @@ export default { this.$destroy('recordVideoPlayer') }, methods: { + changePlayer(command) { + this.playerType = command + }, timeProcessMouseup(event) { this.isMousedown = false }, @@ -174,6 +181,9 @@ export default { snap() { this.$refs.recordVideoPlayer.screenshot() }, + refresh() { + this.$refs.recordVideoPlayer.playBtnClick() + }, playLast() { this.showLastCallback() }, @@ -249,6 +259,9 @@ export default { this.startTime = startTime }, seekRecord(playSeekValue) { + let streamInfo = this.streamInfo + let videoUrl = this.videoUrl + this.$refs.recordVideoPlayer.destroy() this.$store.dispatch('cloudRecord/seek', { mediaServerId: this.streamInfo.mediaServerId, app: this.streamInfo.app, @@ -258,6 +271,13 @@ export default { }) .then((data) => { this.playerTime = playSeekValue + setTimeout(() => { + this.streamInfo = streamInfo + this.videoUrl = videoUrl + }, 500) + + + }) .catch((error) => { console.log(error) @@ -361,4 +381,8 @@ export default { -1px 1px 0 black, /* 左下角阴影 */ 1px 1px 0 black; /* 右下角阴影 */ } +.record-play-control-player { + width: fit-content; + height: 32px; +} diff --git a/web/src/views/common/h265web.vue b/web/src/views/common/h265web.vue index 01e7e2284..19d648e42 100644 --- a/web/src/views/common/h265web.vue +++ b/web/src/views/common/h265web.vue @@ -261,6 +261,7 @@ export default { }, setPlaybackRate: function(speed) { h265webPlayer[this._uid].setPlaybackRate(speed) + } } } diff --git a/web/src/views/common/jessibuca.vue b/web/src/views/common/jessibuca.vue index c37e1d0fa..c11d5a772 100755 --- a/web/src/views/common/jessibuca.vue +++ b/web/src/views/common/jessibuca.vue @@ -5,7 +5,7 @@ @dblclick="fullscreenSwich" >
-
+
@@ -34,7 +34,7 @@ const jessibucaPlayer = {} export default { name: 'Jessibuca', - props: ['videoUrl', 'error', 'hasAudio', 'height'], + props: ['videoUrl', 'error', 'hasAudio', 'height', 'showBtn'], data() { return { playing: false, @@ -266,7 +266,7 @@ export default { if (jessibucaPlayer[this._uid]) { jessibucaPlayer[this._uid].destroy() } - if (document.getElementById('buttonsBox') == null) { + if (document.getElementById('buttonsBox') === null && (typeof this.showBtn === 'undefined' || this.showBtn)) { this.$refs.container.appendChild(this.btnDom) } jessibucaPlayer[this._uid] = null