Code Monkey home page Code Monkey logo

cloud-api-demo-web's Introduction

DJI Cloud API

What is the DJI Cloud API?

The launch of the Cloud API mainly solves the problem of developers reinventing the wheel. For developers who do not need in-depth customization of APP, they can directly use DJI Pilot2 to communicate with the third cloud platform, and developers can focus on the development and implementation of cloud service interfaces.

Docker

If you don't want to install the development environment, you can try deploying with docker. Click the link to download.

Usage

For more documentation, please visit the DJI Developer Documentation.

Latest Release

Cloud API 1.10.0 was released on 7 April 2024. For more information, please visit the Release Note.

License

Cloud API is MIT-licensed. Please refer to the LICENSE file for more information.

cloud-api-demo-web's People

Contributors

chrischen365 avatar dji-jessie avatar djisean avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cloud-api-demo-web's Issues

Amap don't work outside china

amap maps have some problems:

  • they are empty outside of china
  • you need a Chinese phone number to request an API key

if possible add an example with something else like mapbox or google maps

编译需要多大的内存?

Docker执行update_front.sh时候报错:
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
应该是内存不足,docker部署时最少需要多少内存?
a57ca5656c4036830ca660e169d873b

前端直播请求失败

我按照实例文档配置好了前端和后端的服务,rtmp服务是通过 nginx + libnginx-mod-rtmp搭建。通过obs推流 vls 拉流是没问题的。但是前端页面请求直播失败了。
image

然后这是我的前端的前端配置:
image

这是后端配置
image
image

mqtt正常登录
image
image

请问怎么解决直播点播的问题

web页面视频播放失败,rtmp格式视频流

bug-dji
dji-bug

点击播放按钮后,为什么会调用视频流服务的1985端口的一个url,rtmp视频流服务是第三方的,rtmp视频流默认的1935端口的啊?
这里的代码怎么看?哪位大神或官方能给个回复吗?

npm install error

1068 verbose stack Error: Missing required argument #1
1068 verbose stack at andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3)
1068 verbose stack at fetchPackageMetadata (/usr/share/npm/lib/fetch-package-metadata.js:51:22)
1068 verbose stack at resolveWithNewModule (/usr/share/npm/lib/install/deps.js:456:12)
1068 verbose stack at /usr/share/npm/lib/install/deps.js:457:7
1068 verbose stack at /usr/share/npm/node_modules/iferr/index.js:13:50
1068 verbose stack at /usr/share/npm/lib/fetch-package-metadata.js:37:12
1068 verbose stack at addRequestedAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:82:5)
1068 verbose stack at returnAndAddMetadata (/usr/share/npm/lib/fetch-package-metadata.js:117:7)
1068 verbose stack at pickVersionFromRegistryDocument (/usr/share/npm/lib/fetch-package-metadata.js:134:20)
1068 verbose stack at /usr/share/npm/node_modules/iferr/index.js:13:50
1069 verbose cwd /home/bly/project/dji_uav/Cloud-API-Demo-Web-main
1070 error Linux 5.4.0-117-generic
1071 error argv "/usr/bin/node" "/usr/bin/npm" "install"
1072 error node v8.10.0
1073 error npm v3.5.2
1074 error code EMISSINGARG
1075 error typeerror Error: Missing required argument #1
1075 error typeerror at andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3)
1075 error typeerror at fetchPackageMetadata (/usr/share/npm/lib/fetch-package-metadata.js:51:22)
1075 error typeerror at resolveWithNewModule (/usr/share/npm/lib/install/deps.js:456:12)
1075 error typeerror at /usr/share/npm/lib/install/deps.js:457:7
1075 error typeerror at /usr/share/npm/node_modules/iferr/index.js:13:50
1075 error typeerror at /usr/share/npm/lib/fetch-package-metadata.js:37:12
1075 error typeerror at addRequestedAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:82:5)
1075 error typeerror at returnAndAddMetadata (/usr/share/npm/lib/fetch-package-metadata.js:117:7)
1075 error typeerror at pickVersionFromRegistryDocument (/usr/share/npm/lib/fetch-package-metadata.js:134:20)
1075 error typeerror at /usr/share/npm/node_modules/iferr/index.js:13:50
1076 error typeerror This is an error with npm itself. Please report this error at:
1076 error typeerror http://github.com/npm/npm/issues
1077 verbose exit [ 1, true ]

运行npm install后出现上述错误,这个是版本问题还是什么问题呢?

实时视频通话agoraToken被encode之后导致报错appid和token不匹配

位置:src/components/livestream-agora.vue
在onMountend的时候
agoraPara.token = encodeURIComponent(agoraPara.token)encode了声网的token,好像是为了后面拼接url用,这样有个问题在join频道的时候,有些token里面的字符会被转义导致token错误,一直加入不了频道。

yarn build 报错

[oh-my-zsh] Random theme 'arrow' loaded
Cloud-API-Demo-Web-main ➤
Cloud-API-Demo-Web-main ➤
Cloud-API-Demo-Web-main ➤ yarn install
yarn install v1.22.19
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
warning " > [email protected]" has unmet peer dependency "rollup@^2.25.0".
warning "vite-plugin-svg-icons > svg-baker > [email protected]" has incorrect peer dependency "[email protected] || 8.x".
[4/4] 🔨 Building fresh packages...
success Saved lockfile.
✨ Done in 8.30s.
Cloud-API-Demo-Web-main ➤ yarn build
yarn run v1.22.19
$ vite build
vite v2.7.10 building for production...
transforming (1577) node_modules/ant-design-vue/es/vc-checkbox/src/Checkbox.js[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.

transforming (1651) node_modules/@ant-design/icons-svg/es/asn/BarsOutlined.js[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.

✓ 1714 modules transformed.
[vite:eslint]
/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/components/g-map/use-drone-control-ws-event.ts
74:30 error Unnecessary return statement no-useless-return

✖ 1 problem (1 error, 0 warnings)

file: /Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/components/g-map/use-drone-control-ws-event.ts
error during build:
Error:
/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/components/g-map/use-drone-control-ws-event.ts
74:30 error Unnecessary return statement no-useless-return

✖ 1 problem (1 error, 0 warnings)

at error (/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/rollup/dist/shared/rollup.js:159:30)
at throwPluginError (/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/rollup/dist/shared/rollup.js:21818:12)
at Object.error (/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/rollup/dist/shared/rollup.js:22544:20)
at Object.error (/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/rollup/dist/shared/rollup.js:21995:42)
at Object.transform (/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/vite-plugin-eslint/dist/index.js:87:14)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async transform (/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/rollup/dist/shared/rollup.js:21965:16)
at async ModuleLoader.addModuleSource (/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/rollup/dist/shared/rollup.js:22191:30)

[!] Error: unfinished hook action(s) on exit:
(vite:vue) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/components/g-map/DroneControlPopover.vue"
(vite:vue) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/components/g-map/DroneControlInfoPanel.vue"
(vite:esbuild) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/api/drone-control/drone.ts"
(vite:esbuild) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/mqtt/index.ts"
(vite:esbuild) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/api/media.ts"
(vite:esbuild) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/components/task/use-task-ws-event.ts"
(vite:esbuild) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/components/task/use-format-task.ts"
(vite:esbuild) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/utils/error-code/index.ts"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BarcodeOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BarChartOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BankTwoTone.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BehanceOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BehanceCircleFilled.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BehanceSquareFilled.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BehanceSquareOutlined.js"
(vite:esbuild) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/types/airport-tsa.ts"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BellOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BellFilled.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BellTwoTone.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BgColorsOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BookFilled.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BlockOutlined.js"
(vite:esbuild) transform "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/src/api/device-upgrade/index.ts"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BoldOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BookTwoTone.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BookOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BorderBottomOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BorderInnerOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BorderHorizontalOutlined.js"
(vite:load-fallback) load "/Users/chuangzhang/www/cloud_api_web_2023_5_5_1.4.0/Cloud-API-Demo-Web-main/node_modules/@ant-design/icons-svg/es/asn/BorderOuterOutlined.js"

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Cloud-API-Demo-Web-main ➤

相册就一个文件要上传 , 一只调 API接口 fastupload 不上传

无人机的相册里就一个文件要上传OSS
不停的调 API request uri: /media/api/v1/workspaces/e3dea0f5-37f2-4d79-ae58-490af3228069/fast-upload
后台 查数据库 无文件 返回:
ResponseResult.error(file.getFingerprint() + "don't exist.");
然后一直掉接口 fast-upload 不上传

前后端都是 main分支

Not Receiving Specific Messages in MQTT Subscription

Description:
I am trying to receive values such as zoom_factor and recording_state for a Matrice 300 RTK with an H20T camera using the latest DJI Cloud API. Despite subscribing to all possible topics, I am not receiving messages related to changes in zoom factor or camera mode.

Configuration:

I have configured my cloud-sdk to subscribe to all potential topics:

cloud-sdk:
  mqtt:
    # Topics that need to be subscribed when initially connecting to mqtt, multiple topics are divided by ",".
    inbound-topic: sys/product/+/status,thing/product/+/requests,thing/product/+/response,thing/product/+/events,thing/product/+/commands,thing/product/+/osd,thing/product/+/state,thing/product/+/services,thing/product/+/services_reply,thing/product/+/events_reply,thing/product/+/requests_reply,thing/product/+/property/set,thing/product/+/property/set_reply,thing/product/+/drc/up,thing/product/+/drc/down

Steps Taken:

  1. Subscribed to the following topics:

    • sys/product/+/status
    • thing/product/+/requests
    • thing/product/+/response
    • thing/product/+/events
    • thing/product/+/commands
    • thing/product/+/osd
    • thing/product/+/state
    • thing/product/+/services
    • thing/product/+/services_reply
    • thing/product/+/events_reply
    • thing/product/+/requests_reply
    • thing/product/+/property/set
    • thing/product/+/property/set_reply
    • thing/product/+/drc/up
    • thing/product/+/drc/down
  2. Built a custom frontend and monitored messages in the cloud_api_sample container.

  3. Ensured the device configuration is supposed to push updates on relevant changes.

Problem:
No messages are received when changing the zoom factor or switching the camera mode. I expect to see messages for these events in the subscribed topics but the logs are empty for these specific changes.

Questions:

  1. Do I need to set specific properties to pushMode=1 for these messages to be sent?
  2. Is there any additional configuration required on the device or in the DJI Cloud API to receive these specific messages?
  3. Could there be a delay or another reason for these messages not appearing in the MQTT logs?

Environment:

  • Device: Matrice 300 RTK / H20T
  • API Version: 1.10.0 DJI Cloud API
  • MQTT Broker: Configured with EMQX Broker

直播转流的问题

您好,想问一下如果是rtmp流转webrtc流的直播方式有什么贴合代码的方式吗?

安装依赖失败

npm warn cleanup Failed to remove some directories [
npm warn cleanup [
npm warn cleanup 'C:\work\gitStore\Cloud-API-Demo-Web-main\node_modules\@babel\template',
npm warn cleanup [Error: EPERM: operation not permitted, rmdir 'C:\work\gitStore\Cloud-API-Demo-Web-main\node_modules@babel\template'] {
npm warn cleanup errno: -4048,
npm warn cleanup code: 'EPERM',
npm warn cleanup syscall: 'rmdir',
npm warn cleanup path: 'C:\work\gitStore\Cloud-API-Demo-Web-main\node_modules\@babel\template'
npm warn cleanup }
npm warn cleanup ],
npm warn cleanup [
npm warn cleanup 'C:\work\gitStore\Cloud-API-Demo-Web-main\node_modules',
npm warn cleanup [Error: EPERM: operation not permitted, rmdir 'C:\work\gitStore\Cloud-API-Demo-Web-main\node_modules\ant-design-vue\es'] {
npm warn cleanup errno: -4048,
npm warn cleanup code: 'EPERM',
npm warn cleanup syscall: 'rmdir',
npm warn cleanup path: 'C:\work\gitStore\Cloud-API-Demo-Web-main\node_modules\ant-design-vue\es'
npm warn cleanup }
npm warn cleanup ]
npm warn cleanup ]
npm error code EINTEGRITY
npm error sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8= integrity checksum failed when using sha1: wanted sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8= but got sha1-LLvr7jT/Vteq2bj3pckN2iP5LW8=. (54 bytes)

docker编译web报错

/app/src/components/g-map/use-drone-control-ws-event.ts
74:30 error Unnecessary return statement no-useless-return

小改一下吧😂

uri: /manage/api/v1/devices//binding error - looks like a typo?

loud_api_sample_1 | 2022-12-24 04:25:45.613 DEBUG 7 --- [nio-6789-exec-4] c.dji.sample.component.AuthInterceptor : request uri: /manage/api/v1/devices//binding
cloud_api_sample_1 | 2022-12-24 04:25:45.616 DEBUG 7 --- [nio-6789-exec-4] c.dji.sample.component.AuthInterceptor : request uri: /error
cloud_api_sample_1 | 2022-12-24 04:25:46.409 INFO 7 --- [ask-scheduler-9] c.d.s.w.s.impl.FlightTaskServiceImpl : Check the timed jobs of the wayline. null

pilot2 无法上云 device not connect

pilot2上不了云,只有cloud无法连接,console里只有一个错误:device not connect,network里没有报错,后端也没有报错。
在文档中找到了jsbridge上云模块的相关api,并发现前端中没有调用过上云模块的连接方法,不知道有没有关系。
麻烦各位看看,可私信提供地址测试
Dingtalk_20230331183110
2
Dingtalk_20230331183632

assets下没有flyimg文件夹

打包时候出现SVG文件缺失异常。
该代码引用的资源文件不存在
img src="../../assets/flyimg/height-tips.1f552cb8.svg

Update package-lock.json

I did npm install to run web demo in docker and the following error occurred.

npm ERR! network request to https://registry.nlark.com/rollup-plugin-external-globals/download/rollup-plugxternal-globals-0.6.1.tgz failed, reason: getaddrinfo ENOTFOUND registry.nlark.com
npm ERR! network This is a problem related to network connectivity.

In package-lock.json, there are some that use registry as nlark.

...
 "node_modules/@nodelib/fs.scandir": {
      "version": "2.1.5",
      "resolved": "https://registry.nlark.com/@nodelib/fs.scandir/download/@nodelib/fs.scandir-2.1.5.tgz",
      "integrity": "sha1-dhnC6yGyVIP20WdUi0z9WnSIw9U=",
      "license": "MIT",
      "dependencies": {
        "@nodelib/fs.stat": "2.0.5",
        "run-parallel": "^1.1.9"
      },
      "engines": {
        "node": ">= 8"
      }
...

Those things cause problems when npm install. Does anyone else have the same issue as me??
If there is a user experiencing the same problem, I think we need to change package-lock.json to solve the issue, what do you think?

I'd appreciate it if you could tell me if I made a mistake. Thanks:)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.