diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/Video/Video.vue b/ruoyi-ui/src/views/JiHeExpressway/components/Video/Video.vue index 801faa20..e496002a 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/components/Video/Video.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/components/Video/Video.vue @@ -19,11 +19,15 @@ export default { url: { type: String, default: null + }, + rangeIndex: { + type: Number, + default: 0 } }, async mounted() { // const player = await openLiveVideo(this.$refs.videoContainerRef, { camId: this.camId, url: this.url, pileNum: this.pileNum }) - const player = new HttpLivePlayer(this.$refs.videoContainerRef, { camId: this.camId, url: this.url, pileNum: this.pileNum }); + const player = new HttpLivePlayer(this.$refs.videoContainerRef, { camId: this.camId, url: this.url, pileNum: this.pileNum, rangeIndex: this.rangeIndex }); this.$once("hook:beforeDestroy", () => player?.destroy()); } diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue index 03409082..a47c01f4 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue @@ -13,7 +13,8 @@ - @@ -41,6 +42,10 @@ export default { url: { type: String, default: null + }, + rangeIndex: { + type: Number, + default: 0 } }, data() { diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/Video/videoStream.js b/ruoyi-ui/src/views/JiHeExpressway/components/Video/videoStream.js index d9d5f2cb..f97c7f7b 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/components/Video/videoStream.js +++ b/ruoyi-ui/src/views/JiHeExpressway/components/Video/videoStream.js @@ -58,7 +58,7 @@ export async function openVideoStream(container, { camId, url } = {}) { return player; } -async function getUrl({ camId, url, pileNum } = {}) { +async function getUrl({ camId, url, pileNum, rangeIndex } = {}) { // return testFlvUrl; if (url) return url; @@ -69,7 +69,7 @@ async function getUrl({ camId, url, pileNum } = {}) { return; } - camId = data[0].camId; + camId = data[rangeIndex || 0]?.camId; } if (camId) { diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue index d28cd585..2adbf40e 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue @@ -1,7 +1,10 @@