接口文档 · 二次开发

完整的 SDK 与接口参考

基于 Dandelion.RtAPI 前端开发接口与服务端 API,覆盖场景控制、相机漫游、图层管理、视频融合等核心能力,配套真实代码示例助你快速集成。

场景控制相机漫游图层管理视频融合点位标注事件回调
查看接口文档
quickstart.js
1// 初始化孪舟场景
2const app = new Dandelion.RtApp("#container");
3
4// 加载三维场景
5await app.scene.load("city-park");
6
7// 视频融合投射
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))