zh/sdk4_demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
zh
2025-07-03 15:12:58 +08:00
parent 17d900dcf9
commit fd55e022ae
2395 changed files with 510211 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
example/视频融合.html Normal file
View File

@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- <script src="https://cesium.com/downloads/cesiumjs/releases/1.117/Build/Cesium/Cesium.js"></script> -->
<script src="../sdk/YJEarth.min.js"></script>
<script src="vue.js"></script>
<script src="./js/video.js"></script>
<style>
body {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="app" class="fullSize">
<live-player style="display: inline-block;width: 300px;height: 150px;"
video-url="http://127.0.0.1:5501/example/video/1.flv" live="false" stretch="true"></live-player>
<button style="position: absolute;z-index: 99999;" @Click="test">显隐</button>
<button style="position: absolute;z-index: 99999;left: 50px;" @Click="draw1">1</button>
<button style="position: absolute;z-index: 99999;left: 80px;" @Click="draw2">2</button>
</div>
</body>
</html>
<script>
new Vue({
el: "#app",
data: {
// flag: false,
},
async mounted() {
await YJ.on({ host: 'http://192.168.110.71:82' })
this.createEarth()
},
methods: {
createEarth() {
window.sdk = new YJ.YJEarth("app")
YJ.Global.CesiumContainer(sdk, {
info: true
})
let draw = new YJ.Draw.DrawPoint(window.sdk);
draw.start((err, position) => {
if (position != undefined) {
position.alt += 20
const LoadObjModel = new YJ.Obj.LoadObjModel(
sdk,
{
name: '4444444',
position: position,
// objId: '82',
// videoId: '8108999150859255808',
objUrl: "model/同心小区30栋楼顶东北向东（枪）/同心小区30栋楼顶东北向东（枪）.obj",
// videoUrl: "ws://192.168.112.127:10000/sms/34020000002020000001/ws-flv/hls/65320100001321234193_65320100001321234193.flv",
videoUrl: "http://127.0.0.1:5501/example/video/1.flv",
// heading: 106,
// pitch: 89,
// roll: 65
}
);
window.LoadObjModel = LoadObjModel;
LoadObjModel.Dialog.confirmCallBack = (v) => {
console.log(v)
}
LoadObjModel.load(() => {
LoadObjModel.flyTo()
LoadObjModel.edit(true)
})
}
});
window.tileset = new YJ.Obj.Tileset(window.sdk, {
show: true,
url: "http://127.0.0.1:8891/yjearth4.0/data/tileset/24b9be7e2cdfa679b3a77c6c51b47bdc/tileset.json",
id: "123456",
// transparency: 0.2
position: { lng: 100, lat: 40, alt: 10 }
})
this.sdk = window.sdk
tileset.on().then((res) => {
tileset.flyTo()
tileset.edit(true)
}).catch(msg => {
console.log(msg)
})
},
draw1() {
let draw = new YJ.Draw.DrawPoint(window.sdk);
draw.start((err, position) => {
if (position != undefined) {
position.alt += 20
const LoadObjModel = new YJ.Obj.LoadObjModel(
sdk,
{
name: '4444444',
position: position,
// objId: '53',
// videoId: '8108999150859255808',
objUrl: "model/同心小区obj/同心小区42栋楼顶南向南(枪)/同心小区42栋楼顶南向南(枪).obj",
videoUrl: "ws://192.168.112.127:10000/sms/34020000002020000001/ws-flv/hls/65320100001321234193_65320100001321234193.flv",
// videoUrl: "http://220.161.87.62:8800/hls/1/index.m3u8",
// heading: 106,
// pitch: 89,
// roll: 65
}
);
window.LoadObjModel = LoadObjModel;
LoadObjModel.Dialog.confirmCallBack = (v) => {
}
LoadObjModel.load(() => {
LoadObjModel.flyTo()
LoadObjModel.edit(true)
})
}
});
},
draw2() {
let draw = new YJ.Draw.DrawPoint(window.sdk);
draw.start((err, position) => {
if (position != undefined) {
position.alt += 20
const LoadObjModel = new YJ.Obj.LoadObjModel(
sdk,
{
name: '4444444',
position: position,
// objId: '53',
// videoId: '8108999150859255808',
objUrl: "model/同心小区obj/同心小区42栋楼顶南向南(枪)/同心小区42栋楼顶南向南(枪).obj",
videoUrl: "ws://192.168.112.127:10000/sms/34020000002020000001/ws-flv/hls/65320100001321234193_65320100001321234193.flv",
// videoUrl: "http://220.161.87.62:8800/hls/1/index.m3u8",
// heading: 106,
// pitch: 89,
// roll: 65
}
);
window.LoadObjModel = LoadObjModel;
LoadObjModel.Dialog.confirmCallBack = (v) => {
}
LoadObjModel.load(() => {
LoadObjModel.flyTo()
LoadObjModel.edit(true)
})
}
});
},
test() {
LoadObjModel.show = this.flag
this.flag = !this.flag
}
}
})
</script>