接口文档 · 二次开发
完整的 SDK 与接口参考
基于 Dandelion.RtAPI 前端开发接口与服务端 API,覆盖场景控制、相机漫游、图层管理、视频融合等核心能力,配套真实代码示例助你快速集成。
场景控制相机漫游图层管理视频融合点位标注事件回调
quickstart.js
1// 初始化孪舟场景2const app = new Dandelion.RtApp("#container");34// 加载三维场景5await app.scene.load("city-park");67// 视频融合投射8app.video.project({9 cameraId: "cam-01",10 stream: "rtsp://...",11});接口文档
丰富的 API 与 SDK 能力
API Center 基于 JavaScript 提供二次编程接口,兼容 Vue.js 等主流框架,让开发者快速便捷地控制三维场景。点击左侧接口卡片可切换查看对应的 V5 调用示例。
poi.example.js
// 引入 SDK: npm i zhyz-cloudrender-v5
// 1. 接入云渲染场景
const params = {
ele: document.querySelector("#player"), // 挂载三维场景的页面元素
myhostname: "xxx.xxx.x.xx", // 云渲染节点流媒体地址
appliId: "xxxxxxxxxxxxxxx", // 云渲染容器 ID
protooPort: "8888", // 流媒体端口(默认 8888)
}
Dandelion.RtAPI("joinRoom", params)
// 2. 综合增加 POI(V5)
function addPoi() {
let params = {
data: [
{
displayModel: true,
elementData: { _flyToModel: true, _maoDingState: true },
geometry: {
geometryStructure: {
_points: [{ w: 1, x: 116.39925, y: 39.90943, z: 1.5 }],
},
},
name: "报警点位",
foreignKey: "poi-001",
},
],
}
Dandelion.RtAPI("addPoi", params, (res) => {
console.log("POI 已添加", res)
})
}
// 3. 综合搜索 / 更新 POI
Dandelion.RtAPI("getPois", { detail: true }, (res) => console.log(res))
Dandelion.RtAPI("updatePoi", params, (res) => console.log(res))