<html>
|
|
<head>
|
<title>基站监控</title>
|
<style>
|
body {
|
margin: 0;
|
overflow: hidden;
|
}
|
</style>
|
</head>
|
<!--网页播放器-->
|
<script src="xgplayer.js" charset="utf-8"></script>
|
<!-- flvjs(ios暂不支持) -->
|
<script src="srcflv.js" charset="utf-8"></script>
|
<script src="./js/station_video_map.js"></script>
|
|
|
<body>
|
<!-- 视频播放-->
|
<div id="wssFlvVideo"></div>
|
</body>
|
<script type="text/javascript">
|
function getQueryParam(name) {
|
const urlParams = new URLSearchParams(window.location.search);
|
return urlParams.get(name);
|
}
|
|
const siteName = getQueryParam("site");
|
const videoUrl = getCameraUrlByStationName(siteName);
|
|
if (videoUrl) {
|
// 正常展示播放器
|
new window.FlvJsPlayer({
|
id: 'wssFlvVideo',
|
isLive: false,
|
playsinline: true,
|
url: videoUrl,
|
autoplay: true,
|
height: window.innerHeight,
|
width: window.innerWidth
|
});
|
} else {
|
const container = document.getElementById('wssFlvVideo');
|
container.style.textAlign = 'center';
|
container.style.padding = '100px';
|
container.innerHTML = `<p style="font-size: 20px; color: gray;">该站点视频流未配置：${ siteName || '未知站点' }</p>`;
|
}
|
</script>
|
|
|
</html>
|
