5 changed files with 51 additions and 14 deletions
+ 1
- 1
index.html
View File
| @@ -12,7 +12,7 @@ | |||
| <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.23/skins/default/aliplayer-min.css" /> | |||
| <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.9.23/aliplayer-h5-min.js"></script> | |||
| <script type="text/javascript" src="EasyPlayer-element.min.js"></script> | |||
| </head> | |||
| <body> | |||
| <div id="app"></div> | |||
+ 40
- 0
public/EasyPlayer-element.min.js
File diff suppressed because it is too large
View File
BIN
public/EasyPlayer.wasm
View File
+ 5
- 6
src/views/dashboard/components/AirInfo.vue
View File
| @@ -35,14 +35,12 @@ | |||
| style="z-index:1" | |||
| /> --> | |||
| <!-- <EasyPlayer style="z-index=1" :video-url="innerVideoSrc" /> --> | |||
| <easy-player :video-url="innerVideoSrc" live="true" stretch="true" /> | |||
| </div> | |||
| <div class="innerMonitor"> | |||
| <div class="monitorName">机场外部监控</div> | |||
| <!-- <img src="../../../assets/images/webScreen.png" @click="outerVideoShowStyle"> --> | |||
| <videoPlay | |||
| v-bind="outsideMonitorOptions" | |||
| style="z-index:1" | |||
| /> | |||
| <easy-player :video-url="outVideoSrc" live="true" stretch="true" /> | |||
| </div> | |||
| </div> | |||
| @@ -81,6 +79,7 @@ export default { | |||
| }, | |||
| innerVideoSrc: '', | |||
| outVideoSrc: '', | |||
| status: null, | |||
| mountedName: null, | |||
| outsideMonitorOptions: { | |||
| @@ -103,8 +102,8 @@ export default { | |||
| data.detail = props.data | |||
| // data.innerMonitorOptions.video-url = data.detail.internalMonitorUrl | |||
| data.innerVideoSrc = data.detail.internalMonitorUrl | |||
| data.outsideMonitorOptions.src = data.detail.externalMonitorUrl | |||
| console.log(data.innerMonitorOptions.src, '直播地址', data.outsideMonitorOptions.src, '回放地址') | |||
| data.outVideoSrc = data.detail.externalMonitorUrl | |||
| getAirportInfo({ | |||
| airportId: data.detail.id | |||
| }) | |||
+ 5
- 7
src/views/dashboard/components/OneMap.vue
View File
| @@ -384,7 +384,7 @@ export default { | |||
| data.airOverlay = new Overlay({ | |||
| id: 'air_overlay', | |||
| element: document.getElementById('airOverlay'), | |||
| autoPan: true, | |||
| // autoPan: true, | |||
| offset: [10, 10] | |||
| }) | |||
| data.airportPopupShow = true | |||
| @@ -413,18 +413,16 @@ export default { | |||
| // 为了overlay位置更加精确 | |||
| const coord = feature.getProperties().coordinate | |||
| data.airOverlay.setPosition(coord) | |||
| data.map.addOverlay(data.airOverlay) | |||
| data.airOverlay.setPosition(coord) | |||
| } | |||
| if (feature.getProperties().typeName) { | |||
| data.problemDetail = feature.getProperties() | |||
| // console.log(data.problemDetail, '详情') | |||
| const coord = feature.getProperties().coordinate | |||
| data.problemPopupShow = true | |||
| data.problemOverlay.setPosition(coord) | |||
| data.map.addOverlay(data.problemOverlay) | |||
| data.problemOverlay.setPosition(coord) | |||
| // data.problemOverlay.setPosition(coord) | |||
| // data.map.addOverlay(data.problemOverlay) | |||
| @@ -510,12 +508,12 @@ export default { | |||
| // 添加问题图层 | |||
| const addproblemLayer = (narr) => { | |||
| if (data.problemlayer !== null) { | |||
| data.map.removeLayer(data.problemLayer) | |||
| data.map.removeLayer(data.problemlayer) | |||
| } | |||
| data.problemOverlay = new Overlay({ | |||
| id: 'problem_overlay', | |||
| element: document.getElementById('problemOverlay'), | |||
| autoPan: true, | |||
| // autoPan: true, | |||
| offset: [10, 10] | |||
| }) | |||
Loading…