luoshiwen
/
suyiScreen
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

代码提交

This commit is contained in:
lixiaobang 2023-05-22 15:40:49 +08:00
parent a722270b89
commit e455026e22
19 changed files with 24933 additions and 504 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/flv/._flvjs Normal file
View File

Binary file not shown.

108
public/flv/demo.css Normal file
View File

@ -0,0 +1,108 @@
.mainContainer {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1152px) {
.mainContainer {
display: block;
width: 1152px;
margin-left: auto;
margin-right: auto;
}
}
.video-container {
position: relative;
margin-top: 8px;
}
.video-container:before {
display: block;
content: "";
width: 100%;
padding-bottom: 56.25%;
}
.video-container > div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.video-container video {
width: 100%;
height: 100%;
}
.urlInput {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
margin-bottom: 8px;
}
.centeredVideo {
display: block;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
}
.controls {
display: block;
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
margin-bottom: 10px;
}
.logcatBox {
border-color: #CCCCCC;
font-size: 11px;
font-family: Menlo, Consolas, monospace;
display: block;
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.url-input , .options {
font-size: 13px;
}
.url-input {
display: flex;
}
.url-input label {
flex: initial;
}
.url-input input {
flex: auto;
margin-left: 8px;
}
.url-input button {
flex: initial;
margin-left: 8px;
}
.options {
margin-top: 5px;
}
.hidden {
display: none;
}

12056
public/flv/flv.js Normal file
View File

File diff suppressed because it is too large Load Diff

47
public/flv/flv.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
public/flv/flvjs/._flv.js Normal file
View File

Binary file not shown.

BIN
public/flv/flvjs/._flv.min.js vendored Normal file
View File

Binary file not shown.

12056
public/flv/flvjs/flv.js Normal file
View File

File diff suppressed because it is too large Load Diff

7
public/flv/flvjs/flv.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

49
public/flv/index.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>视频监控</title>
</head>
<body style="margin:0px;width: 1000px;;height: 582px;overflow: hidden;z-index: 99;">
<script src="flv.min.js"></script>
<video id="videoElement" style="width: 1000px;height: 582px;" muted></video>
<script>
var a=getParam('name')
console.log(a,'sssss');
if (flvjs.isSupported()) {
var videoElement = document.getElementById('videoElement');
var flvPlayer = flvjs.createPlayer({
type: 'flv',
isLive: true,
// url: 'ws://172.16.1.209:8998/rtsp/1/channel=1&subtype=0/?url=rtsp://admin:5Gpmlabs@172.16.1.242:554/cam/realmonitor?channel=1&subtype=0'
// url: 'ws://223.112.17.26:12309/rtsp/1/channel=1&subtype=0/?url=rtsp://admin:5Gpmlabs@10.16.1.1:10086/cam/realmonitor'
// url: 'ws://172.16.1.21:12309/rtsp/1/a/?url=rtsp://127.0.0.1:12310/live/'+a
// url: 'ws://223.112.17.26:12309/rtsp/1/a/?url=rtsp://127.0.0.1:12310/live/'+a
// url: 'ws://223.112.17.26:12309/rtsp/1/channel=1&subtype=0/?url=rtsp://127.0.0.1:12310/live/'+a
url: 'ws://119.45.94.212:12309/rtsp/1/a/?url=rtsp://127.0.0.1:12310/live/'+a
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load();
flvPlayer.play();
}
function getParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
//search,查询？后面的参数，并匹配正则
var r = location.search.substr(1).match(reg);
let val = 'videoPlayer'
window.parent.postMessage({
val
}, '*')
if (r != null) return decodeURI(decodeURI(r[2]));
}
</script>
</body>
</html>

45
public/flv/test.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>video</title>
</head>
<body>
</body>
</html>
<script>
let socket;
function startWebsocket() {
toUserId = document.getElementById('toUserId').value;
let webSocketUrl = 'ws://172.17.2.42:71';
if ('WebSocket' in window) {
// console.log(1)
socket = new WebSocket(webSocketUrl);
} else if ('MozWebSocket' in window) {
// console.log(2)
socket = new MozWebSocket(webSocketUrl);
}
// socket = new SockJS('https://' + location.host + '/websocket/' + userId);
//连接成功
socket.onopen = function (e) {
console.log('连接服务器成功!')
};
//server端请求关闭
socket.onclose = function (e) {
console.log('close')
alert(JSON.stringify(e))
};
//error
socket.onerror = function (e) {
console.error(e)
alert(JSON.stringify(e))
};
socket.onmessage = onmessage;
}
//连接服务器
startWebsocket();
</script>

133
public/htWeb/unity.html
View File

@ -138,9 +138,9 @@
if (this.modulesFiles.length == 8) { if (this.modulesFiles.length == 8) {
this.getData() this.getData()
} }
} else if(getQueryString('src') == 3){ } else if (getQueryString('src') == 3) {
this.modulesFiles = ['10kV_CXX_1_hwg','10kV_JSX_4_hwg', 'BJ', 'DL', 'JG', '1_UPS','2_UPS', 'XG', 'YJDY_Car', 'BackGround','Human','Camera_01','Camera_02', this.modulesFiles = ['10kV_CXX_1_hwg', '10kV_JSX_4_hwg', 'BJ', 'DL', 'JG', '1_UPS', '2_UPS', 'XG', 'YJDY_Car', 'BackGround', 'Human', 'Camera_01', 'Camera_02',
'BS_che','BS_hwg1','BS_hwg2','BS_ups1','BS_ups2'] 'BS_che', 'BS_hwg1', 'BS_hwg2', 'BS_ups1', 'BS_ups2']
this.modulesFiles.forEach((item, index) => { this.modulesFiles.forEach((item, index) => {
var obj = { var obj = {
cId: 1, cId: 1,
@ -170,9 +170,9 @@
this.getData() this.getData()
} }
} }
else if(getQueryString('src') == 4){ else if (getQueryString('src') == 4) {
this.modulesFiles = ['10kV_CXX_1_hwg','10kV_JSX_4_hwg', 'BJ', 'DL', 'JG', '1_UPS','2_UPS', 'XG', 'YJDY_Car', 'BackGround','Human','Camera_01','Camera_02', this.modulesFiles = ['10kV_CXX_1_hwg', '10kV_JSX_4_hwg', 'BJ', 'DL', 'JG', '1_UPS', '2_UPS', 'XG', 'YJDY_Car', 'BackGround', 'Human', 'Camera_01', 'Camera_02',
'BS_che','BS_hwg1','BS_hwg2','BS_ups1','BS_ups2'] 'BS_che', 'BS_hwg1', 'BS_hwg2', 'BS_ups1', 'BS_ups2']
this.modulesFiles.forEach((item, index) => { this.modulesFiles.forEach((item, index) => {
var obj = { var obj = {
cId: 1, cId: 1,
@ -430,9 +430,9 @@
// ratio: 0.9, // [0, 1]，越大相机越近 // ratio: 0.9, // [0, 1]，越大相机越近
// }); // });
// console.log(e.data.cName,'e.data.cName'); // console.log(e.data.cName,'e.data.cName');
// if (e.data.cName.indexOf('monitor')!= -1) { // // if (e.data.cName.indexOf('monitor')!= -1) {
// window.parent.openVideo() // // window.parent.openVideo()
// } // // }
// } // }
// 双击实体 // 双击实体
if (e.kind === "doubleClickData") { if (e.kind === "doubleClickData") {
@ -442,57 +442,60 @@
// animation: true, // animation: true,
// ratio: 0.9, // [0, 1]，越大相机越近 // ratio: 0.9, // [0, 1]，越大相机越近
// }) // })
if (e.data.cName == 'XG') { window.setTimeout(() => {
let val = 'XG' if (e.data.cName == 'XG') {
window.parent.postMessage({ let val = 'XG'
val window.parent.postMessage({
}, '*'); // * 通配符 匹配所有地址; content 表示传递过去嵌套iframe页面的数据 val
} else if (e.data.cName == 'JG') { }, '*'); // * 通配符 匹配所有地址; content 表示传递过去嵌套iframe页面的数据
let val = 'JG' } else if (e.data.cName == 'JG') {
window.parent.postMessage({ let val = 'JG'
val window.parent.postMessage({
}, '*'); val
}else if (e.data.cName =='Camera_02') { }, '*');
let val = 'Camera_02' } else if (e.data.cName == 'Camera_02') {
window.parent.postMessage({ let val = 'Camera_02'
val window.parent.postMessage({
}, '*'); val
}else if (e.data.cName =='Camera_01') { }, '*');
let val = 'Camera_01' } else if (e.data.cName == 'Camera_01') {
window.parent.postMessage({ let val = 'Camera_01'
val window.parent.postMessage({
}, '*'); val
}else if (e.data.cName =='Human') { }, '*');
let val = 'Human' } else if (e.data.cName == 'Human') {
window.parent.postMessage({ let val = 'Human'
val window.parent.postMessage({
}, '*'); val
}else if(e.data.cName == '1_UPS'){ }, '*');
let val = '1_UPS' } else if (e.data.cName == '1_UPS') {
window.parent.postMessage({ let val = '1_UPS'
val window.parent.postMessage({
},'*') val
}else if(e.data.cName == '2_UPS'){ }, '*')
let val = '2_UPS' } else if (e.data.cName == '2_UPS') {
window.parent.postMessage({ let val = '2_UPS'
val window.parent.postMessage({
},'*') val
}else if(e.data.cName == 'YJDY_Car'){ }, '*')
let val = 'YJDY_Car' } else if (e.data.cName == 'YJDY_Car') {
window.parent.postMessage({ let val = 'YJDY_Car'
val window.parent.postMessage({
},'*') val
}else if(e.data.cName=='10kV_CXX_1_hwg'){ }, '*')
let val = '10kV_CXX_1_hwg' } else if (e.data.cName == '10kV_CXX_1_hwg') {
window.parent.postMessage({ let val = '10kV_CXX_1_hwg'
val window.parent.postMessage({
},'*') val
}else if(e.data.cName=='10kV_JSX_4_hwg'){ }, '*')
let val = '10kV_JSX_4_hwg' } else if (e.data.cName == '10kV_JSX_4_hwg') {
window.parent.postMessage({ let val = '10kV_JSX_4_hwg'
val window.parent.postMessage({
},'*') val
} }, '*')
}
}, 200)
} }
// 开始旋转镜头 // 开始旋转镜头
// if (e.kind === 'beginRotate') { // if (e.kind === 'beginRotate') {
@ -503,7 +506,7 @@
// 结束旋转镜头 // 结束旋转镜头
// if (e.kind === 'endRotate') { // if (e.kind === 'endRotate') {
// this.g3d.setVisibleFunc(function(data) { // 设置图元可见性，内部循环 // this.g3d.setVisibleFunc(function(data) { // 设置图元可见性，内部循环
// return data.cVisible // return data
// }); // });
// } // }
}); });
@ -571,9 +574,9 @@
// 只会创建在modelResource中有对应parentName的实体，多导入的obj不会被创建 // 只会创建在modelResource中有对应parentName的实体，多导入的obj不会被创建
if (this.modelResource[j].parentName === this.realObj[i].parentName) { if (this.modelResource[j].parentName === this.realObj[i].parentName) {
this.createNode(this.modelResource[j], this.modelarray); this.createNode(this.modelResource[j], this.modelarray);
// if (getQueryString('baoDian') == 1) { // if (getQueryString('baoDian') == 1) {
// this.models[2].cVisible = true // this.models[2].cVisible = true
// } // }
} }
} }
} }
@ -601,7 +604,7 @@
this.models[5].setToolTip('名称：监控1'); this.models[5].setToolTip('名称：监控1');
this.models[6].setToolTip('名称：监控2'); this.models[6].setToolTip('名称：监控2');
this.models[7].setToolTip('名称：监控3'); this.models[7].setToolTip('名称：监控3');
} else if(getQueryString('src') == 3){ } else if (getQueryString('src') == 3) {
this.models[3].cVisible = false this.models[3].cVisible = false
// this.createNewIcon() // this.createNewIcon()
// this.createOldIcon() // this.createOldIcon()

3
src/api/api.js
View File

@ -47,7 +47,8 @@ export const getEnvironmentInfo = (data) => {
}; };
export const getSiteInfo = (params) => { export const getSiteInfo = (params) => {
return axios.get('electric_interface/gk/info/getSiteInfo', { return axios.get('electric_interface/gk/info/getSiteInfo', {
params params,
timeout:1000
}) })
}; };
export const getSwitchInfo = (params) => { export const getSwitchInfo = (params) => {

BIN
src/assets/videoBtn/down.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
src/assets/videoBtn/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
src/assets/videoBtn/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
src/assets/videoBtn/up.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

2
src/router/index.js
View File

@ -48,7 +48,7 @@ const routes = [
name: 'landChildren', name: 'landChildren',
meta: { meta: {
title: '侵华日军南京大屠杀遇难同胞纪念馆', title: '侵华日军南京大屠杀遇难同胞纪念馆',
requireLogin: true // requireLogin: true
}, },
component: () => component: () =>
import ('../views/land/child/index.vue'), import ('../views/land/child/index.vue'),

915
src/views/land/child/index.vue
View File

File diff suppressed because it is too large Load Diff

10
src/views/land/index.vue
View File

@ -500,6 +500,7 @@ export default {
searchShow: true, searchShow: true,
leftNum: [], leftNum: [],
cityId: "", cityId: "",
mqttClient: undefined
}; };
}, },
@ -894,7 +895,7 @@ export default {
console.log("[MQTT-TEST] 连接回调...."); console.log("[MQTT-TEST] 连接回调....");
}); });
// 接收回调 // 接收回调
this.mqttClient.on("message", (topic, message, packet) => { this.mqttClient.on("message", (topic, message) => {
console.log( console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}` `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`
); );
@ -903,8 +904,15 @@ export default {
// this.infodata[4].num = dataReceived.realTimeLoad // this.infodata[4].num = dataReceived.realTimeLoad
console.log(dataReceived.realTimeLoad, "dataReceived"); console.log(dataReceived.realTimeLoad, "dataReceived");
}); });
// this.mqttClient.publish('my-topic','hello,MQTT')
} }
}, },
//发送消息给服务
mqttPublish() {
let topic = "my-topic"; //和后台约定好的主题
message = 'hello,MQTT'
this.mqttClient.publish(topic, JSON.stringify(message));
},
show: function () { show: function () {
this.leftOpen = true; this.leftOpen = true;
this.rightOpen = true; this.rightOpen = true;