Browse Source

大屏页监控显示替换演示地址

master
yxq 1 month ago
parent
commit
634ef0c55b
8 changed files with 57 additions and 26 deletions
  1. +1
    -2
      SafeCampus.WEB/public/static/rtsPlayer.html
  2. +6
    -1
      SafeCampus.WEB/src/views/attendance/behaviorTrace/components/traceShow/index.vue
  3. +4
    -0
      SafeCampus.WEB/src/views/attendance/behaviorTrace/index.vue
  4. +6
    -1
      SafeCampus.WEB/src/views/attendance/studentsReturn/components/returnConfirm/index.vue
  5. +6
    -1
      SafeCampus.WEB/src/views/attendance/studentsReturn/components/returnDetail/index.vue
  6. +9
    -7
      SafeCampus.WEB/src/views/screen/classroom.vue
  7. +16
    -7
      SafeCampus.WEB/src/views/screen/component/index/video.vue
  8. +9
    -7
      SafeCampus.WEB/src/views/screen/stureturn.vue

+ 1
- 2
SafeCampus.WEB/public/static/rtsPlayer.html View File

@@ -51,7 +51,7 @@
}; };


var player = new Aliplayer(options, function () {/* player ready */ }); var player = new Aliplayer(options, function () {/* player ready */ });
player.setVolume(0)
// 降级时会触发此事件 // 降级时会触发此事件
player.on('rtsFallback', function (event) { player.on('rtsFallback', function (event) {
console.log('[EVENT]rtsFallback', event.paramData); console.log('[EVENT]rtsFallback', event.paramData);
@@ -66,7 +66,6 @@
// 当RTS拉流成功时触发,通过订阅该事件,可以获取到RTS TraceId // 当RTS拉流成功时触发,通过订阅该事件,可以获取到RTS TraceId
player.on('rtsTraceId', function (data) { player.on('rtsTraceId', function (data) {
console.log('[EVENT]rtsTraceId', data.paramData); console.log('[EVENT]rtsTraceId', data.paramData);
player.setVolume(0)
let fullscreenBtn = document.querySelector('.prism-controlbar .prism-fullscreen-btn') let fullscreenBtn = document.querySelector('.prism-controlbar .prism-fullscreen-btn')
if(fullscreenBtn)fullscreenBtn.style.display = 'none' if(fullscreenBtn)fullscreenBtn.style.display = 'none'
// event.paramData.traceId 拉流的TraceId // event.paramData.traceId 拉流的TraceId


+ 6
- 1
SafeCampus.WEB/src/views/attendance/behaviorTrace/components/traceShow/index.vue View File

@@ -144,5 +144,10 @@ defineExpose({
}); });
</script> </script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.detailpic {
max-width: 100%;
object-fit: cover;
}
</style>

+ 4
- 0
SafeCampus.WEB/src/views/attendance/behaviorTrace/index.vue View File

@@ -192,6 +192,10 @@ onMounted(async () => {
}); });
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.detailpic {
max-width: 100%;
object-fit: cover;
}
.table-box { .table-box {
width: 100%; width: 100%;
height: 100%; height: 100%;


+ 6
- 1
SafeCampus.WEB/src/views/attendance/studentsReturn/components/returnConfirm/index.vue View File

@@ -137,5 +137,10 @@ defineExpose({
}); });
</script> </script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.detailpic {
max-width: 100%;
object-fit: cover;
}
</style>

+ 6
- 1
SafeCampus.WEB/src/views/attendance/studentsReturn/components/returnDetail/index.vue View File

@@ -124,5 +124,10 @@ defineExpose({
}); });
</script> </script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.detailpic {
max-width: 100%;
object-fit: cover;
}
</style>

+ 9
- 7
SafeCampus.WEB/src/views/screen/classroom.vue View File

@@ -117,13 +117,15 @@ const showRts = sensorId_ => {
let rtsUrl_ = "/static/rtsPlayer.html?height=556px&rtsUrl="; let rtsUrl_ = "/static/rtsPlayer.html?height=556px&rtsUrl=";
sensorId.value = sensorId_; sensorId.value = sensorId_;
screenApi.detail({ sensorId: sensorId_ }).then(res => { screenApi.detail({ sensorId: sensorId_ }).then(res => {
if (res.code == 200) {
if (res.data.rtsPullStreamUrls[0]) {
rtsUrl.value = rtsUrl_ + res.data.rtsPullStreamUrls[0].url;
}
streamId.value = res.data.streamId;
videoToken.value = res.data.videoToken;
}
// if (res.code == 200) {
// if (res.data.rtsPullStreamUrls[0]) {
// rtsUrl.value = rtsUrl_ + res.data.rtsPullStreamUrls[0].url;
// }
// streamId.value = res.data.streamId;
// videoToken.value = res.data.videoToken;
// }
// 演示
rtsUrl.value = rtsUrl_ + "http://123.57.209.16:8004/video/5.mp4";
}); });
} }
}; };


+ 16
- 7
SafeCampus.WEB/src/views/screen/component/index/video.vue View File

@@ -16,7 +16,6 @@
</div> </div>
<!-- --> <!-- -->
<div style="width: 794px; height: 487px; padding-top: 26px"> <div style="width: 794px; height: 487px; padding-top: 26px">
<!-- <img src="/static/screen/testimg/2.png" alt="" style="width: 100%; height: 100%" /> -->
<iframe id="rtsIframe" style="width: 100%; height: 100%" :src="rtsUrl" frameborder="0"></iframe> <iframe id="rtsIframe" style="width: 100%; height: 100%" :src="rtsUrl" frameborder="0"></iframe>
</div> </div>
</div> </div>
@@ -122,12 +121,22 @@ const itemClick = item => {
let rtsUrl_ = "/static/rtsPlayer.html?height=487px&rtsUrl="; let rtsUrl_ = "/static/rtsPlayer.html?height=487px&rtsUrl=";
sensorId.value = item.sensorId; sensorId.value = item.sensorId;
screenApi.detail({ sensorId: item.sensorId }).then(res => { screenApi.detail({ sensorId: item.sensorId }).then(res => {
if (res.code == 200) {
if (res.data.rtsPullStreamUrls[0]) {
rtsUrl.value = rtsUrl_ + res.data.rtsPullStreamUrls[0].url;
}
streamId.value = res.data.streamId;
videoToken.value = res.data.videoToken;
// if (res.code == 200) {
// if (res.data.rtsPullStreamUrls[0]) {
// rtsUrl.value = rtsUrl_ + res.data.rtsPullStreamUrls[0].url;
// }
// streamId.value = res.data.streamId;
// videoToken.value = res.data.videoToken;
// }
// 演示
if (item.sensorName == "厨房(良景)") {
rtsUrl.value = rtsUrl_ + "http://123.57.209.16:8004/video/4.mp4";
}
if (item.sensorName == "大厅(魔豆)") {
rtsUrl.value = rtsUrl_ + "http://123.57.209.16:8004/video/2.mp4";
}
if (item.sensorName == "教学区域(海康)") {
rtsUrl.value = rtsUrl_ + "http://123.57.209.16:8004/video/5.mp4";
} }
}); });
}; };


+ 9
- 7
SafeCampus.WEB/src/views/screen/stureturn.vue View File

@@ -132,13 +132,15 @@ const showRts = sensorId_ => {
let rtsUrl_ = "/static/rtsPlayer.html?height=446px&rtsUrl="; let rtsUrl_ = "/static/rtsPlayer.html?height=446px&rtsUrl=";
sensorId.value = sensorId_; sensorId.value = sensorId_;
screenApi.detail({ sensorId: sensorId_ }).then(res => { screenApi.detail({ sensorId: sensorId_ }).then(res => {
if (res.code == 200) {
if (res.data.rtsPullStreamUrls[0]) {
rtsUrl.value = rtsUrl_ + res.data.rtsPullStreamUrls[0].url;
}
streamId.value = res.data.streamId;
videoToken.value = res.data.videoToken;
}
// if (res.code == 200) {
// if (res.data.rtsPullStreamUrls[0]) {
// rtsUrl.value = rtsUrl_ + res.data.rtsPullStreamUrls[0].url;
// }
// streamId.value = res.data.streamId;
// videoToken.value = res.data.videoToken;
// }
// 演示
rtsUrl.value = rtsUrl_ + "http://123.57.209.16:8004/video/5.mp4";
}); });
} }
}; };


Loading…
Cancel
Save